当前位置：首页 → 问答吧 → 救急！关于图片滚动

救急！关于图片滚动

时间：2010-05-25

来源：互联网

小弟大三出去一家网络公司实习刚刚接触html 现在已经基本掌握css和html 昨天组长给我个项目里面有个图片滚动效果要用JS 但是我又不会昨天做了一天也没做出来上老了火了！
在网上下载了一些但是放进去总是有问题可能是我不理解代码吗
各位大哥大姐能给我发一个横向图片的无缝滚动吗？
谢谢谢谢！！

作者: supersylar 发布时间: 2010-05-25

http://www.lycode.com/Scroll.html

作者: 8yong8 发布时间: 2010-05-25

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0px; padding:0px} img{ float:left} #box{ width:500px; height:30px; overflow:hidden;} </style> </head> <body> <div id="box"> <table><tr> <td id="m1"> <table><tr><td> <img src="http://bbs.blueidea.com/images/default/logo.gif" border="0" /></td><td><img src="http://bbs.blueidea.com/images/default/logo.gif" border="0" /></td><td><img src="http://bbs.blueidea.com/images/default/logo.gif" border="0" /></td><td><img src="http://bbs.blueidea.com/images/default/logo.gif" border="0" /></td><td><img src="http://bbs.blueidea.com/images/default/logo.gif" border="0" /></td></tr></table> </td> <td id="m2"></td> </tr> </table> </div> <script language="javascript"> var s=10; function $(id){return document.getElementById(id);} $("m2").innerHTML=$("m1").innerHTML; function m(){ if($("box").scrollLeft>=$("m2").scrollWidth){ $("box").scrollLeft=0; }else{ $("box").scrollLeft++; } } var mm=setInterval(m,s); $("box").onmouseover=function(){ clearInterval(mm); } $("box").onmouseout=function(){ mm=setInterval(m,s); } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: hsb008 发布时间: 2010-05-25

= =! 基础有待提升...

作者: firtan 发布时间: 2010-05-25

谢谢谢谢！！我回去挨个研究研究！！

作者: supersylar 发布时间: 2010-05-25

好用！谢谢您！！我会好好学习学习的！！

作者: supersylar 发布时间: 2010-05-25

恩恩正在学习中！呵呵

作者: supersylar 发布时间: 2010-05-25