📄 0148.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><HEAD><TITLE>滑动导航条</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");}}function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td bgcolor="#f7f7f7"><font color="#990000"> <style>DIV { POSITION: absolute}#divBottomButtons { HEIGHT: 30px; TOP: 130px; VISIBILITY: hidden; WIDTH: 200px}#divBottomText { HEIGHT: 30px; VISIBILITY: inherit; WIDTH: 200px}#divBottomCont { CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; VISIBILITY: hidden; WIDTH: 100px}</style> <script>/********************************************************************************Copyright (C) 1999 Thomas BrattliThis script is made by and copyrighted to Thomas Brattli at www.bratta.com********************************************************************************/var n = (document.layers) ? 1:0;var ie = (document.all) ? 1:0;//Page object, and cross-browser objects.function makePageCoords(){this.x2=(n)?innerWidth:document.body.offsetWidth;this.y2=(n)?innerHeight:document.body.offsetHeight;return this;}function makeObj(obj,nest){nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.showIt=b_showIt;this.moveIt=b_moveIt;return this}function b_showIt(){this.css.visibility="visible"}function b_moveIt(x,y){this.x=x; this.y=y;this.css.left=this.x;this.css.top=this.y}//预先下载图片函数function preLoad(num,path,path2){for(i=0; i<=num; i++){this[i]=new Image(); this[i].src=path+(i+1)+path2+'.gif'}return this}//CHANGE AFTER THIS ********************************************************/************************************************************************************Variables: (change this to adapt the script to your needs************************************************************************************///图片的高度:var imageHeight=30//预先下载图片 栏目图片 原始 .gif step1.gif step2.gif ....pre=new preLoad(5,'imgs/step','')//预先下载图片 栏目图片 鼠标onMouseover .gif step1.gif step2.gif....preb=new preLoad(5,'imgs/step','')//速度:var mspeed=20/************************************************************************************Remember that if you change the size of the text images you need to change the clipvalues and height and width on the divCont layer in the style tag.************************************************************************************//************************************************************************************Init, change the values is here.************************************************************************************/function init(){ page=new makePageCoords() oBButtons=new makeObj('divBottomButtons') oBText=new makeObj('divBottomText',' divBottomCont') oBCont=new makeObj('divBottomCont') //Change the values in here to get the menu to show another place on the page. //Look at the documentsize tutorial for info on how to use the page object. //设置显示的位置 oBButtons.moveIt(400,70) oBCont.moveIt(oBButtons.x-120,70) oBText.moveIt(0,3) oBButtons.showIt() oBCont.showIt()}//Mouseover and mouseoutfunction mover(num){oBButtons.ref["img"+num].src=preb[num].src; moveTo(num)}function mout(num){oBButtons.ref["img"+num].src=pre[num].src; moveBack()}//Moving the text layer, you shouldn't need to change anything here.var tim;function moveTo(num){ clearTimeout(tim) gt=-((num+1)*imageHeight)+3 if(oBText.y!=gt){ if(oBText.y<gt) oBText.moveIt(oBText.x,oBText.y+5) else oBText.moveIt(oBText.x,oBText.y-5) tim=setTimeout("moveTo("+num+")",mspeed) }}function moveBack(){ clearTimeout(tim) if(oBText.y!=3){oBText.moveIt(oBText.x,oBText.y+5); tim=setTimeout("moveBack()",mspeed)}}onload=init;</script> </font> <div id=divBottomCont> <div id=divBottomText> <!-- 把显示栏目介绍的图片放到这里.--> <img border=0 height=30 src="imgs/o.gif" width=30><br> <img border=0 height=30 src="imgs/step.gif" width=30><br> <img border=0 height=30 src="imgs/step2.gif" width=30><br> <img border=0 height=30 src="imgs/step3.gif" width=30><br> <img border=0 height=30 src="imgs/step4.gif" width=30><br> <img border=0 height=30 src="imgs/step5.gif" width=30><br> <img border=0 height=30 src="imgs/step6.gif" width=30> </div> </div> <div id=divBottomButtons> <!-- 把栏目的图片放到这里--> <a href="../../../www.51js.com/index.html" onMouseOut=mout(0) onMouseOver=mover(0)><img border=0 height=30 name=img0 src="imgs/step.gif" width=30></a> <a href="../../../www.51js.com/index.html" onMouseOut=mout(1) onMouseOver=mover(1)><img border=0 height=30 name=img1 src="imgs/step2.gif" width=30></a> <a href="../../../www.51js.com/index.html" onMouseOut=mout(2) onMouseOver=mover(2)><img border=0 height=30 name=img2 src="imgs/step3.gif" width=30></a> <a href="../../../www.51js.com/index.html" onMouseOut=mout(3) onMouseOver=mover(3)><img border=0 height=30 name=img3 src="imgs/step4.gif" width=30></a> <a href="../../../www.51js.com/index.html" onMouseOut=mout(4) onMouseOver=mover(4)><img border=0 height=30 name=img4 src="imgs/step5.gif" width=30></a> <a href="../../../www.51js.com/index.html" onMouseOut=mout(5) onMouseOver=mover(5)><img border=0 height=30 name=img5 src="imgs/step6.gif" width=30></a> </div> <font color="#990000"> 提示</font>:试试把鼠标移到栏目号码上看看</td> </tr> <tr> <td><img src="imgs/step.gif" width="30" height="30"> 将下面的代码复制到 <body> 内注意代码的解析，图片的路径要搞好. <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')> <br> <form name="form1" method="post" action=""> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><style>DIV {POSITION: absolute}#divBottomButtons {HEIGHT: 30px; TOP: 130px; VISIBILITY: hidden; WIDTH: 200px}#divBottomText {HEIGHT: 30px; VISIBILITY: inherit; WIDTH: 200px}#divBottomCont {CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; VISIBILITY: hidden; WIDTH: 100px}</style><script>/********************************************************************************Copyright (C) 1999 Thomas BrattliThis script is made by and copyrighted to Thomas Brattli at www.bratta.com********************************************************************************/var n = (document.layers) ? 1:0;var ie = (document.all) ? 1:0;//Page object, and cross-browser objects.function makePageCoords(){this.x2=(n)?innerWidth:document.body.offsetWidth;this.y2=(n)?innerHeight:document.body.offsetHeight;return this;}function makeObj(obj,nest){nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.showIt=b_showIt;this.moveIt=b_moveIt;return this}function b_showIt(){this.css.visibility="visible"}function b_moveIt(x,y){this.x=x; this.y=y;this.css.left=this.x;this.css.top=this.y}//预先下载图片函数function preLoad(num,path,path2){for(i=0; i<=num; i++){this[i]=new Image(); this[i].src=path+(i+1)+path2+'.gif'}return this}//CHANGE AFTER THIS ********************************************************/************************************************************************************Variables: (change this to adapt the script to your needs************************************************************************************///图片的高度:var imageHeight=30//预先下载图片 栏目图片 原始 .gif step1.gif step2.gif ....pre=new preLoad(5,'imgs/step','')//预先下载图片 栏目图片 鼠标onMouseover .gif step1.gif step2.gif....preb=new preLoad(5,'imgs/step','')//速度:var mspeed=20/************************************************************************************Remember that if you change the size of the text images you need to change the clipvalues and height and width on the divCont layer in the style tag.************************************************************************************//************************************************************************************Init, change the values is here.************************************************************************************/function init(){page=new makePageCoords()oBButtons=new makeObj('divBottomButtons')oBText=new makeObj('divBottomText',' divBottomCont')oBCont=new makeObj('divBottomCont')//Change the values in here to get the menu to show another place on the page.//Look at the documentsize tutorial for info on how to use the page object.//设置显示的位置oBButtons.moveIt(400,70)oBCont.moveIt(oBButtons.x-120,70)oBText.moveIt(0,3)oBButtons.showIt()oBCont.showIt()}//Mouseover and mouseoutfunction mover(num){oBButtons.ref["img"+num].src=preb[num].src; moveTo(num)}function mout(num){oBButtons.ref["img"+num].src=pre[num].src; moveBack()}//Moving the text layer, you shouldn't need to change anything here.var tim;function moveTo(num){clearTimeout(tim)gt=-((num+1)*imageHeight)+3if(oBText.y!=gt){if(oBText.y<gt) oBText.moveIt(oBText.x,oBText.y+5)else oBText.moveIt(oBText.x,oBText.y-5)tim=setTimeout("moveTo("+num+")",mspeed)}}function moveBack(){clearTimeout(tim)if(oBText.y!=3){oBText.moveIt(oBText.x,oBText.y+5); tim=setTimeout("moveBack()",mspeed)}}onload=init;</script></font><div id=divBottomCont> <div id=divBottomText> <!-- 把显示栏目介绍的图片放到这里.--><img border=0 height=30 src="imgs/o.gif" width=30><br><img border=0 height=30 src="imgs/step.gif" width=30><br><img border=0 height=30 src="imgs/step2.gif" width=30><br><img border=0 height=30 src="imgs/step3.gif" width=30><br><img border=0 height=30 src="imgs/step4.gif" width=30><br><img border=0 height=30 src="imgs/step5.gif" width=30><br><img border=0 height=30 src="imgs/step6.gif" width=30> </div></div><div id=divBottomButtons> <!-- 把栏目的图片放到这里--><a href="http://www.51js.com" onMouseOut=mout(0) onMouseOver=mover(0)><img border=0 height=30 name=img0 src="imgs/step.gif" width=30></a> <a href="http://www.51js.com" onMouseOut=mout(1) onMouseOver=mover(1)><img border=0 height=30 name=img1 src="imgs/step2.gif" width=30></a> <a href="http://www.51js.com" onMouseOut=mout(2) onMouseOver=mover(2)><img border=0 height=30 name=img2 src="imgs/step3.gif" width=30></a> <a href="http://www.51js.com" onMouseOut=mout(3) onMouseOver=mover(3)><img border=0 height=30 name=img3 src="imgs/step4.gif" width=30></a> <a href="http://www.51js.com" onMouseOut=mout(4) onMouseOver=mover(4)><img border=0 height=30 name=img4 src="imgs/step5.gif" width=30></a> <a href="http://www.51js.com" onMouseOut=mout(5) onMouseOver=mover(5)><img border=0 height=30 name=img5 src="imgs/step6.gif" width=30></a> </div> </textarea> </form> <br> <br> </td> </tr> </table> </TD> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -