lyric1989911 lyric1989911
关注数: 17 粉丝数: 1,205 发帖数: 1,079 关注贴吧数: 15
小女子工作遇到问题,在此求技术帝帮忙! 我用frontpage做网页,然后要做一个滚动图片效果,鼠标放上面图片会停住的那种,然后我在网上百度了一段代码,放进去之后,达到了效果但是预览图片只显示上面一半。怎么办啊,求解啊!!以下是代码,求技术帝! <p>1</p><div id="ping-2-tonglan"><span style="float:left; padding:0;"><br /></span><table cellpadding=0 cellspacing=0 border=0 width="760px"> <tr> <td> <div id='demo' style="overflow:hidden;height:129px;width:760px;color:#F0F0EF;border:0;"> <table cellpadding=0 cellspacing=0 border=0 width="760px"> <tr> <td id='demo1' width="760px" align="center"> <table width="760px" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" width="175"> <table width="155" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="175" border="0" cellspacing="0" cellpadding="0"> <tr><td width="175" height="130" align="center" valign="top"> <span style="float:left;padding:5px 5px;"> <a class="shuoming-37"><img height="300" width="300" border="0" src="file:///C:/Users/Messi/Documents/My%20Web%20Sites/images/initpintu_副本.png" /><br />图片1的说明</a> </span> </td></tr> </table> </td> </tr> </table> </td> <td align="center" valign="top" width="175"> <table width="155" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="175" border="0" cellspacing="0" cellpadding="0"> <tr><td width="175" height="130" align="center" valign="top"> <span style="float:left;padding:5px 5px;"> <a class="shuoming-37"><img height="300" width="300" border="0" src="file:///C:/Users/Messi/Documents/My%20Web%20Sites/images/initpintu_副本1.png" /><br />图片2的说明</a> </span> </td></tr> </table> </td> </tr> </table> </td> <td align="center" valign="top" width="175"> <table width="155" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="175" border="0" cellspacing="0" cellpadding="0"> <tr><td width="175" height="130" align="center" valign="top"> <span style="float:left;padding:5px 5px;"> <a class="shuoming-37"><img height="300" width="300" border="0" src="file:///C:/Users/Messi/Desktop/initpintu_副本2.png" /><br />图片3的说明> </span> </td></tr> </table> </td> </tr> </table> </td> </tr> </table> </td> <td id='demo2' width="0"></td> </tr> </table> </div> </td> </tr></table><script> var speed=20 //速度数值越大速度越慢 demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) { demo.scrollLeft-=demo1.offsetWidth; } else{ demo.scrollLeft = demo.scrollLeft + 1; } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script></div>
1 下一页