分享

多张图片向左连续滚动代码(带链接和鼠标悬停属性)

 山阴县教科局 2013-03-31
<script language="JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> </head> <body> <div id="Layer1" style="position:absolute; left:45; top:-2; width:422; height:64; z-index:1"> <font color="#FF0000" face="幼圆" size="6"><b>精彩放送</b></font></div> <center> <script language="JavaScript1.2"> <!-- var sliderwidth=500 var sliderheight=133 var slidespeed=4 var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a href="#"><img src="http://www./images/nopic.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[1]='<a href="#"><img src="http://www./images/face/image21.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[2]='<a href="#"><img src="http://www./UploadPic/userface/no1323.jpg" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[3]='<a href="#"><img src="http://www./images/face/image21.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[4]='<a href="#"><img src="http://www./images/nopic.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[5]='<a href="#"><img src="http://www./images/face/image21.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[6]='<a href="#"><img src="http://www./UploadPic/userface/no1323.jpg" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[7]='<a href="#"><img src="http://www./images/face/image21.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[8]='<a href="#"><img src="http://www./UploadPic/userface/no1323.jpg" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[9]='<a href="#"><img src="http://www./images/nopic.gif" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' leftrightslide[10]='<a href="#"><img src="http://www./UploadPic/userface/no1323.jpg" width="60" height="60" border=1 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>' var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+" " if (document.all){ document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") } function regenerate(){ window.location.reload() } function regenerate112(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed } function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() } function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate112 //--> </script> </center> <p align="center">  <center> <table border="0" width="73%" height="51" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="45"> <font face="宋体" color="#FF0000" style="font-size: 9pt"> <strong style="font-weight: 400"> 一幅幅精美的图画轮流滚动显示,特别象电视节目开始结束时的精彩时刻回顾,更倾向于现在流行的网页多媒体现象,加上超链接,就成为特酷的动态滚动导航菜单,用在你的网页中,可以引导潮流呀!</strong></font></td> </tr> </table> </center>   <hr>如果不出效果请刷新当前页面-加载JS等文件后一定有效果<br><a href="http://www./">欢迎访问网页资源特效代码站</a> <script language='javascript' src='/dlgg/201211/43.js'></script></script>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多