网页怎么添加循环滚动的图片?
<!--这段代码没办法让首尾连接,想要首尾连接还是去找无缝的图片滚动代码吧,我也没有办法,非常抱歉--> <div id=rolllink style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 300px"><!--注意如果图片过高的话300这里要改大否则下面部分显示不出来,原来是150--> <!--修改高--> <div id=rolllink1 style="WIDTH: 1200px; HEIGHT: 300px"><!--注意如果图片过...全部
<!--这段代码没办法让首尾连接,想要首尾连接还是去找无缝的图片滚动代码吧,我也没有办法,非常抱歉--> <div id=rolllink style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 300px"><!--注意如果图片过高的话300这里要改大否则下面部分显示不出来,原来是150--> <!--修改高--> <div id=rolllink1 style="WIDTH: 1200px; HEIGHT: 300px"><!--注意如果图片过高的话300这里要改大否则下面部分显示不出来,原来是140 --> <!--向上移动时,把高和宽的值相换--> <table cellspacing=5 width="100%"> <tr> <td id=demo12 valign=top height="160"><!--向上移动时修改:width="160"--> <table width="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="数据库绑定图片" width="100" height="145"></td> <td><img src="数据库绑定图片" width="100" height="145"></td><!--图片增加这里--> <td><img src="数据库绑定图片" width="100" height="145"></td><!--图片增加这里--> </tr> <tr> <td>数据库绑定图片说明文字</td> <td>数据库绑定图片说明文字</td><!--文字说明增加这里--> <td>数据库绑定图片说明文字</td><!--文字说明增加这里--> </tr> </table></td> <td id=demo12 valign=top></td> </tr> </table> </div> <div id=rolllink2></div> </div> <SCRIPT> var rollspeed=10 rolllink2。
innerHTML=rolllink1。innerHTML function Marquee(){ if(rolllink2。offsetTop-rolllink。scrollLeft<=0)//向上移动时修改:if(rolllink2。
offsetTop-rolllink。scrollTop<=0) rolllink。scrollLeft-=rolllink1。offsetWidth//向上移动时修改:rolllink。
scrollTop-=rolllink1。offsetheight else{ rolllink。scrollLeft++//向上移动时修改:rolllink。scrollTop++ } } var MyMar=setInterval(Marquee,rollspeed) rolllink。
onmouseover=function() {clearInterval(MyMar)} rolllink。
onmouseout=function() {MyMar=setInterval(Marquee,rollspeed)} </SCRIPT>参考资料:本机调试通过,上面高度部分应根据实际图片+文字高度设定,低了下面部分显示不出来,高了图片会换行。收起