?? 0077.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/Js.dwt" --> <HEAD><!-- #BeginEditable "doctitle" --> <TITLE>上下滾動顯示圖片</TITLE><!-- #EndEditable --> <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"><!-- #BeginEditable "example" --> <script language="JavaScript1.2">/*Up down slideshow Script- Updated: 99/05/15 By Dynamic Drive (www.dynamicdrive.com)For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com*////////configure the below four variables to change the style of the slider/////////set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!var scrollerwidth=103var scrollerheight=106var scrollerbgcolor='white'//3000 miliseconds=3 secondsvar pausebetweenimages=3000//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tagvar slideimages=new Array()slideimages[0]='<a href="../../../www.cnn.com/index.html"><img src="img/PE01805A.gif" border="0"></a>'slideimages[1]='<img src="img/PE01803A.gif">'slideimages[2]='<img src="img/TN00411A.gif">'slideimages[3]='<img src="img/PE02054A.gif">'slideimages[4]='<img src="img/cake.gif">'//extend this list///////Do not edit pass this line/////////////////////// if (slideimages.length>1)i=2elsei=0function move1(whichlayer){tlayer=eval(whichlayer)if (tlayer.top>0&&tlayer.top<=5){tlayer.top=0setTimeout("move1(tlayer)",pausebetweenimages)setTimeout("move2(document.main.document.second)",pausebetweenimages)return}if (tlayer.top>=tlayer.document.height*-1){tlayer.top-=5setTimeout("move1(tlayer)",100)}else{tlayer.top=scrollerheighttlayer.document.write(slideimages[i])tlayer.document.close()if (i==slideimages.length-1)i=0elsei++}}function move2(whichlayer){tlayer2=eval(whichlayer)if (tlayer2.top>0&&tlayer2.top<=5){tlayer2.top=0setTimeout("move2(tlayer2)",pausebetweenimages)setTimeout("move1(document.main.document.first)",pausebetweenimages)return}if (tlayer2.top>=tlayer2.document.height*-1){tlayer2.top-=5setTimeout("move2(tlayer2)",100)}else{tlayer2.top=scrollerheighttlayer2.document.write(slideimages[i])tlayer2.document.close()if (i==slideimages.length-1)i=0elsei++}}function move3(whichdiv){tdiv=eval(whichdiv)if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){tdiv.style.pixelTop=0setTimeout("move3(tdiv)",pausebetweenimages)setTimeout("move4(second2)",pausebetweenimages)return}if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){tdiv.style.pixelTop-=5setTimeout("move3(tdiv)",100)}else{tdiv.style.pixelTop=scrollerheighttdiv.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function move4(whichdiv){tdiv2=eval(whichdiv)if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){tdiv2.style.pixelTop=0setTimeout("move4(tdiv2)",pausebetweenimages)setTimeout("move3(first2)",pausebetweenimages)return}if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){tdiv2.style.pixelTop-=5setTimeout("move4(second2)",100)}else{tdiv2.style.pixelTop=scrollerheighttdiv2.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function startscroll(){if (document.all){move3(first2)second2.style.top=scrollerheight}else if (document.layers){document.main.visibility='show'move1(document.main.document.first)document.main.document.second.top=scrollerheight+5document.main.document.second.visibility='show'}}window.onload=startscroll</script> <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor}; visibility=hide> <layer id="first" left=0 top=1 width=&{scrollerwidth}; > <script language="JavaScript1.2">if (document.layers)document.write(slideimages[0])</script> </layer> <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide> <script language="JavaScript1.2">if (document.layers)document.write(slideimages[1])</script> </layer> </ilayer> <script language="JavaScript1.2">if (document.all){document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')document.write(slideimages[0])document.writeln('</div>')document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')document.write(slideimages[1])document.writeln('</div>')document.writeln('</div>')document.writeln('</span>')}</script> <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br> <a href="../../../dynamicdrive.com/index.html">Dynamic Drive</a></font></p> <!-- #EndEditable --></td> </tr> <tr> <td><!-- #BeginEditable "code" -->1.將下面的代碼復制到顯示效果的位置 <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"><script language="JavaScript1.2">/*Up down slideshow Script- Updated: 99/05/15 By Dynamic Drive (www.dynamicdrive.com)For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com*////////configure the below four variables to change the style of the slider/////////set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!var scrollerwidth=103var scrollerheight=106var scrollerbgcolor='white'//3000 miliseconds=3 secondsvar pausebetweenimages=3000//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tagvar slideimages=new Array()slideimages[0]='<a href="../../../www.cnn.com/index.html"><img src="PE01805A.gif" border="0"></a>'slideimages[1]='<img src="PE01803A.gif">'slideimages[2]='<img src="TN00411A.gif">'slideimages[3]='<img src="PE02054A.gif">'slideimages[4]='<img src="cake.gif">'//extend this list///////Do not edit pass this line/////////////////////// if (slideimages.length>1)i=2elsei=0function move1(whichlayer){tlayer=eval(whichlayer)if (tlayer.top>0&&tlayer.top<=5){tlayer.top=0setTimeout("move1(tlayer)",pausebetweenimages)setTimeout("move2(document.main.document.second)",pausebetweenimages)return}if (tlayer.top>=tlayer.document.height*-1){tlayer.top-=5setTimeout("move1(tlayer)",100)}else{tlayer.top=scrollerheighttlayer.document.write(slideimages[i])tlayer.document.close()if (i==slideimages.length-1)i=0elsei++}}function move2(whichlayer){tlayer2=eval(whichlayer)if (tlayer2.top>0&&tlayer2.top<=5){tlayer2.top=0setTimeout("move2(tlayer2)",pausebetweenimages)setTimeout("move1(document.main.document.first)",pausebetweenimages)return}if (tlayer2.top>=tlayer2.document.height*-1){tlayer2.top-=5setTimeout("move2(tlayer2)",100)}else{tlayer2.top=scrollerheighttlayer2.document.write(slideimages[i])tlayer2.document.close()if (i==slideimages.length-1)i=0elsei++}}function move3(whichdiv){tdiv=eval(whichdiv)if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){tdiv.style.pixelTop=0setTimeout("move3(tdiv)",pausebetweenimages)setTimeout("move4(second2)",pausebetweenimages)return}if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){tdiv.style.pixelTop-=5setTimeout("move3(tdiv)",100)}else{tdiv.style.pixelTop=scrollerheighttdiv.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function move4(whichdiv){tdiv2=eval(whichdiv)if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){tdiv2.style.pixelTop=0setTimeout("move4(tdiv2)",pausebetweenimages)setTimeout("move3(first2)",pausebetweenimages)return}if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){tdiv2.style.pixelTop-=5setTimeout("move4(second2)",100)}else{tdiv2.style.pixelTop=scrollerheighttdiv2.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function startscroll(){if (document.all){move3(first2)second2.style.top=scrollerheight}else if (document.layers){document.main.visibility='show'move1(document.main.document.first)document.main.document.second.top=scrollerheight+5document.main.document.second.visibility='show'}}window.onload=startscroll</script><ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide><layer id="first" left=0 top=1 width=&{scrollerwidth}; ><script language="JavaScript1.2">if (document.layers)document.write(slideimages[0])</script></layer><layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide><script language="JavaScript1.2">if (document.layers)document.write(slideimages[1])</script></layer></ilayer><script language="JavaScript1.2">if (document.all){document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')document.write(slideimages[0])document.writeln('</div>')document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')document.write(slideimages[1])document.writeln('</div>')document.writeln('</div>')document.writeln('</span>')}</script><p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br><a href="../../../dynamicdrive.com/index.html">Dynamic Drive</a></font><p></p></textarea> </form> <br> 2.將其中這段代碼改為<br> <br> //輸入你的圖片代碼<br> var slideimages=new Array()<br> slideimages[0]='<a href="http://www.cnn.com"><img src="PE01805A.gif" border="0"></a>'<br> slideimages[1]='<img src="PE01803A.gif">'<br> slideimages[2]='<img src="TN00411A.gif">'<br> slideimages[3]='<img src="PE02054A.gif">'<br> slideimages[4]='<img src="cake.gif">'<br> //extend this list <!-- #EndEditable --></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><!-- #EndTemplate --></HTML>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -