📄 0078.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">/*Left-Right image slideshow Script-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=100var 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.left>0&&tlayer.left<=5){tlayer.left=0setTimeout("move1(tlayer)",pausebetweenimages)setTimeout("move2(document.main.document.second)",pausebetweenimages)return}if (tlayer.left>=tlayer.document.width*-1){tlayer.left-=5setTimeout("move1(tlayer)",100)}else{tlayer.left=scrollerwidth+5tlayer.document.write(slideimages[i])tlayer.document.close()if (i==slideimages.length-1)i=0elsei++}}function move2(whichlayer){tlayer2=eval(whichlayer)if (tlayer2.left>0&&tlayer2.left<=5){tlayer2.left=0setTimeout("move2(tlayer2)",pausebetweenimages)setTimeout("move1(document.main.document.first)",pausebetweenimages)return}if (tlayer2.left>=tlayer2.document.width*-1){tlayer2.left-=5setTimeout("move2(tlayer2)",100)}else{tlayer2.left=scrollerwidth+5tlayer2.document.write(slideimages[i])tlayer2.document.close()if (i==slideimages.length-1)i=0elsei++}}function move3(whichdiv){tdiv=eval(whichdiv)if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){tdiv.style.pixelLeft=0setTimeout("move3(tdiv)",pausebetweenimages)setTimeout("move4(second2)",pausebetweenimages)return}if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){tdiv.style.pixelLeft-=5setTimeout("move3(tdiv)",100)}else{tdiv.style.pixelLeft=scrollerwidthtdiv.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function move4(whichdiv){tdiv2=eval(whichdiv)if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){tdiv2.style.pixelLeft=0setTimeout("move4(tdiv2)",pausebetweenimages)setTimeout("move3(first2)",pausebetweenimages)return}if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){tdiv2.style.pixelLeft-=5setTimeout("move4(second2)",100)}else{tdiv2.style.pixelLeft=scrollerwidthtdiv2.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function startscroll(){if (document.all){move3(first2)second2.style.left=scrollerwidth}else if (document.layers){document.main.visibility='show'move1(document.main.document.first)document.main.document.second.left=scrollerwidth+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=1 top=0 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:hidden;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:1;top:0;">')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">/*Left-Right image slideshow Script-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=100var 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="../dynamicindex4/PE01805A.gif" border=0"></a>'slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'slideimages[4]='<img src="../dynamicindex4/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.left>0&&tlayer.left<=5){tlayer.left=0setTimeout("move1(tlayer)",pausebetweenimages)setTimeout("move2(document.main.document.second)",pausebetweenimages)return}if (tlayer.left>=tlayer.document.width*-1){tlayer.left-=5setTimeout("move1(tlayer)",100)}else{tlayer.left=scrollerwidth+5tlayer.document.write(slideimages[i])tlayer.document.close()if (i==slideimages.length-1)i=0elsei++}}function move2(whichlayer){tlayer2=eval(whichlayer)if (tlayer2.left>0&&tlayer2.left<=5){tlayer2.left=0setTimeout("move2(tlayer2)",pausebetweenimages)setTimeout("move1(document.main.document.first)",pausebetweenimages)return}if (tlayer2.left>=tlayer2.document.width*-1){tlayer2.left-=5setTimeout("move2(tlayer2)",100)}else{tlayer2.left=scrollerwidth+5tlayer2.document.write(slideimages[i])tlayer2.document.close()if (i==slideimages.length-1)i=0elsei++}}function move3(whichdiv){tdiv=eval(whichdiv)if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){tdiv.style.pixelLeft=0setTimeout("move3(tdiv)",pausebetweenimages)setTimeout("move4(second2)",pausebetweenimages)return}if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){tdiv.style.pixelLeft-=5setTimeout("move3(tdiv)",100)}else{tdiv.style.pixelLeft=scrollerwidthtdiv.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function move4(whichdiv){tdiv2=eval(whichdiv)if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){tdiv2.style.pixelLeft=0setTimeout("move4(tdiv2)",pausebetweenimages)setTimeout("move3(first2)",pausebetweenimages)return}if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){tdiv2.style.pixelLeft-=5setTimeout("move4(second2)",100)}else{tdiv2.style.pixelLeft=scrollerwidthtdiv2.innerHTML=slideimages[i]if (i==slideimages.length-1)i=0elsei++}}function startscroll(){if (document.all){move3(first2)second2.style.left=scrollerwidth}else if (document.layers){document.main.visibility='show'move1(document.main.document.first)document.main.document.second.left=scrollerwidth+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=1 top=0 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:hidden;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:1;top:0;">')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> //修改图参数，你可以给图片加上连接<a>....</a><br> var slideimages=new Array()<br> slideimages[0]='<a href="http://www.cnn.com"><img src="../dynamicindex4/PE01805A.gif" border=0"></a>'<br> slideimages[1]='<img src="../dynamicindex4/PE01803A.gif">'<br> slideimages[2]='<img src="../dynamicindex4/TN00411A.gif">'<br> slideimages[3]='<img src="../dynamicindex4/PE02054A.gif">'<br> slideimages[4]='<img src="../dynamicindex4/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 + -