教程集 > 脚本编程 > javascript > 正文图片左右滚动js代码

图片左右滚动js代码

发布时间：2023-07-22 编辑：jiaochengji.com

教程集为您提供图片左右滚动js代码等资源，欢迎您收藏本站，我们将为您提供最新的图片左右滚动js代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css> .style1 {  FONT-SIZE: 14px } .style2 {  FONT-SIZE: 12px } .p12 {  FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 18px; TEXT-DECORATION: none } A:link {  COLOR: #ffffff } A:visited {  COLOR: #333333 } A:hover {  COLOR: #ff3300; TEXT-DECORATION: underline } BODY {  MARGIN-TOP: 0px; MARGIN-LEFT: 0px } </STYLE> <script> function list() {  var pics=new Array(9); var bpics=new Array(9); var texts=new Array(9); var links=new Array(9); var num=10; pics[0]="http://www.secu.hc360.com/ad/080111_88x40_bj1.jpg"; texts[0]=""; links[0]="http://hiprote.b2b.hc360.com"; pics[1]="http://www.secu.hc360.com/ad/080111_88x40_bj2.jpg"; texts[1]=""; links[1]="http://apon.b2b.hc360.com"; pics[2]="http://www.secu.hc360.com/ad/080111_88x40_bj3.jpg"; texts[2]=""; links[2]="http://szhuazhixing.b2b.hc360.com"; pics[3]="http://www.secu.hc360.com/ad/080111_88x40_bj4.jpg"; texts[3]=""; links[3]="http://tcl01.b2b.hc360.com"; pics[4]="http://www.secu.hc360.com/ad/080111_88x40_bj5.jpg"; texts[4]=""; links[4]="http://dykj888.b2b.hc360.com"; pics[5]="http://www.secu.hc360.com/ad/080111_88x40_bj6.jpg"; texts[5]=""; links[5]="http://hts.b2b.hc360.com"; pics[6]="http://www.secu.hc360.com/ad/080111_88x40_bj7.jpg"; texts[6]=""; links[6]="http://bjkuaiyu.b2b.hc360.com"; pics[7]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg"; texts[7]=""; links[7]="http://jgw007.b2b.hc360.com"; pics[8]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg"; texts[8]=""; links[8]="http://jgw007.b2b.hc360.com"; pics[9]="http://www.secu.hc360.com/ad/080115_88x40_bj.jpg"; texts[9]=""; links[9]="http://jgw007.b2b.hc360.com"; function MM_openBrWindow(theURL,winName) { //v2.0 winName='TEST';   window.open(theURL,winName,' top=0,left=0,scrollbars=yes, toolbar=yes,location=yes,status=yes,menubar=yes,resizable=yes'); } var i; for (i=0;i<num;i ){ document.write('<a href=# onClick=MM_openBrWindow("',links[i],'","',pics[i],'")><img src=',pics[i],' border=0 ></a>&nbsp;'); } } </script> </HEAD> <BODY> <TABLE width=100% height="90" border=0 align=center cellPadding=0 cellSpacing=0 style="BORDER-RIGHT: #66ccff 1px solid; BORDER-TOP: #66ccff 1px solid; BORDER-LEFT: #66ccff 1px solid; BORDER-BOTTOM: #66ccff 1px solid">   <TBODY>     <TR>       <TD width=127 height=20 bgColor=#4BACE7><a href="http://info.secu.hc360.com/list/vip.shtml" target="_blank"><img src="http://www.secu.hc360.com/vip/images/shanpu_1.gif" width="100" height="22" border="0"></a></TD>       <TD width=284 align="left" bgColor=#4BACE7 class=p12>&nbsp; </TD>       <TD width=67 bgColor=#4BACE7 class=p12><img src="http://www.secu.hc360.com/vip/images/dot1.gif" width="5" height="9"> <a href="http://b2b.hc360.com/intro/vip.html" target="_blank">即刻申请</a></TD>         <TR bgcolor="#A2D2EA">       <TD colSpan=3 height=41><TABLE width="100%" height=34       border=0 align="center" cellPadding=0 cellSpacing=0 bgColor=#A2D2EA>                      <TBODY>             <TR>               <TD width=1%>&nbsp;</TD>               <TD width=4% align=middle vAlign=center><IMG onmouseover=setspeed(9);setfangxiang(1) onmouseout=setspeed(1) height=28             src="http://www.secu.hc360.com/vip/images/jtleft.gif" width=29 border=0 style="cursor:pointer;"></TD>               <TD width=90% height=34 vAlign=center><DIV id=demo onmouseover=ii=1 style="OVERFLOW: hidden; WIDTH: 860px"             onmouseout=ii=0>                   <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>                     <TBODY>                       <TR>                         <TD><DIV id=demo1>                             <SCRIPT>list()</SCRIPT>                         </DIV></TD>                         <TD><DIV id=demo2></DIV></TD>                       </TR>                     </TBODY>                   </TABLE>               </DIV></TD>               <TD width=4% align=middle vAlign=center><IMG height=28             src="http://www.secu.hc360.com/vip/images/jtright.gif" width=29 border=0 onmouseover=setspeed(9);setfangxiang(2) onmouseout=setspeed(1) style="cursor:pointer;"></TD>               <TD width=1% align=middle vAlign=top>&nbsp;</TD>             </TR>           </TBODY>         </TABLE>       </TD>     </TR>   </TBODY> </TABLE> </BODY></HTML> <SCRIPT> var ii=0; var speed=1; var fangxiang=1; var demo=document.getElementById('demo'); var demo1=document.getElementById('demo1'); var demo2=document.getElementById('demo2'); demo2.innerHTML=demo1.innerHTML function andyzsy(){ if (ii==1)return for(i=1;i<=speed;i ) { if(fangxiang=="2") { demo.scrollLeft-- if(demo.scrollLeft=="0") demo.scrollLeft=demo1.offsetWidth } else { demo.scrollLeft if(demo.scrollLeft>=demo1.offsetWidth) demo.scrollLeft=0 } } } function setspeed(x) { speed=x; } function setfangxiang(x) { fangxiang=x; } setInterval(andyzsy,30) </SCRIPT>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：

上一篇：很少使用的三角形表格

[关闭]

图片左右滚动js代码

最近更新

浏览排行