⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 scroller.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关
💻 HTML
字号:
<!-- 安装 上下卷动窗口 的个步骤:

   1.  把数据复制到你的Html文件的Body标记下
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<!-- 步骤一: 把以下数据复制到你的Html文件的Body标记下  -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var msg = "This page requires version 4 or later of\n Netscape Navigator or Internet Explorer"
var dyn = (document.layers || document.all) ? true : alert(msg);
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;
var lft = 10; // (window.screen.width/2);
var pos = 10;   // initial top position
var stp = 10;    // step increment size
var spd = 150;   // speed of increment
var upr = -390;  // upper limiter
var lwr = 100;   // lower limiter
var tim;         // timer variable
function scroll_up() {
if(pos > upr) pos -= stp;
do_scroll(pos);  
tim = setTimeout("scroll_up()", spd);
}

function scroll_dn() {
if(pos < lwr) pos += stp;
do_scroll(pos);
tim = setTimeout("scroll_dn()", spd);
}

function do_scroll(pos) {
if(iex) document.all.divTxt.style.top = pos;
if(nav) document.divTxt.top = pos;
}

function no_scroll() {
clearTimeout(tim);
}

var divTop_content="";

if(iex) document.write('<DIV ID="divTop" STYLE="position:absolute; top:0; left:'+lft+'; width:300; height:100; background-color:white; z-index:3">'+divTop_content+'</DIV>');
if(nav) document.write('<LAYER ID="divTop" position="absolute" top="0" left="'+lft+'" width="300" height="100" bgcolor="white" z-index="3">'+divTop_content+'</LAYER>');

var divBtm_content =('<HR><TABLE BORDER="0" WIDTH="100%"><TR><TD ALIGN="left"><A HREF="javascript://" ONMOUSEOVER="scroll_up()" ONMOUSEOUT="no_scroll()">向上卷动</A></TD><TD ALIGN="right"><A HREF="javascript://" ONMOUSEOVER="scroll_dn()" ONMOUSEOUT="no_scroll()">向下卷动</A></TD></TR></TABLE>');

if(iex) document.write('<DIV ID="divBtm" STYLE="position:absolute; top:200; left:'+lft+'; width:300; height:800; background-color:white; z-index:2">'+divBtm_content+'</DIV>');
if(nav) document.write('<LAYER ID="divBtm" position="absolute" top="350" left="'+lft+'" width="300" height="800" bgcolor="white" z-index="2">'+divBtm_content+'</LAYER>');

<!--以下为示范文字-->
var divTxt_content = ('<b>上海科学技术出版社简介</b><hr><P><br>上海科学技术出版社建于1956年初,现已发展成为国内规模最大的综合性科技出版社之一,设有科学编辑部、工业编辑部、农业编辑部、医学编辑部、科普编辑部、科教编辑部、国际部、合作出版编辑室、声像部等二十几个编辑部、室。出版科学、工业、农业、医学、教育等领域的专著、基础理论书、工具书、技术参考书、科普读物和教材,具有门类齐全、品种多样、层次丰富的特点,得到社会的肯定和读者的认可。建社至今,已出版各类图书11000种,累计印数达5.7亿册,各类音像制品近百种,获国家级、部委级图书奖300多项。出版的《科学》、《科学画报》、《大众医学》、《上海服饰》、《无线电与电视》等刊物多次被评为全国或上海的优秀科技期刊。1993年受到中共中央宣传部和国家新闻出版署的表彰,荣获首批“全国优秀出版单位”的称号。<P><br>在世纪交替之时,为促进科技进步、经济发展和国人素质的提高,上海科学技术出版社以“传播科学,提高国力”为已任,立足上海,面向全国,走向世界,努力发展成一个外向型、多元化的科技出版社。<P>');  

if(iex) document.write('<DIV ID="divTxt" STYLE="position:absolute; top:100; left:'+lft+'; width:300; font-family:verdana; font-size:10pt; background-color:white; z-index:1">'+divTxt_content+'</DIV>');
if(nav) document.write('<LAYER ID="divTxt" position="absolute" top="100" left="'+lft+'" width="300" font-family="verdana" font-size="10pt" bgcolor="white" z-index="1">'+divTxt_content+'</LAYER>');
//  End -->
</script>
</BODY>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -