普京大帝搞笑视频:用FRONTPAGE帛制作网页,如何才能让图片流动!

来源:百度文库 编辑:高考问答 时间:2024/04/28 12:10:33
我打开别人的网站,看到上面由几十张图片组成一排,不停的流动,就是像文字的跑马灯一样,但跑马灯我会,可是图片流动就不会了,一行图片在飘,好帅啊,但不知怎么做呢?请大家教教我吧!
http://www.edu517.com/Index.html 大家看,这网页中间的图片不就在不停的流动吗?请问怎么做?谢谢大家了!

这是他们做的代码..JAVASCRIPT的。.利用DIV标签来定位做滚动效果.你只要更换其中的图片就可以了。.如果可以,你可以调用数据库的图片来做循环显示.

<!--滚动代码开始-->
<div id=demo style="OVERFLOW: hidden; WIDTH: 740px; HEIGHT: 130px">
<table cellPadding=0 align=left border=0 cellspace="0">
<tr>
<td id=demo11 vAlign=top>
<table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'><tr valign='top'><td align='center'><a href='/Photo/hddq/zjs/200603/11.html' title='图片名称:浙江大学校园风景
作    者:湖边树
更新时间:2006-3-9 2:52:13' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200603/20060309025156205_S.jpg' width='130' height='90' border='0'><br>浙江大学校园风景</a></td><td align='center'><a href='/Photo/hddq/zjs/200603/10.html' title='图片名称:浙江大学西溪办公楼
作    者:湖边树
更新时间:2006-3-9 2:46:19' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200603/20060309024738490_S.jpg' width='130' height='90' border='0'><br>浙江大学西溪办公楼</a></td><td align='center'><a href='/Photo/hddq/zjs/200603/9.html' title='图片名称:浙江大学教学主楼
作    者:湖边树
更新时间:2006-3-9 2:45:15' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200603/20060309024428114_S.jpg' width='130' height='90' border='0'><br>浙江大学教学主楼</a></td><td align='center'><a href='/Photo/hbdq/bjs/200512/8.html' title='图片名称:北京大学
作    者:佚名
更新时间:2005-12-29 22:16:51' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200512/20051229221533590.jpg' width='130' height='90' border='0'><br>北京大学</a></td><td align='center'><a href='/Photo/hbdq/bjs/200512/7.html' title='图片名称:清华大学校园风景
作    者:佚名
更新时间:2005-12-29 22:14:23' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200603/20060309030312985_S.jpg' width='130' height='90' border='0'><br>清华大学校园风景</a></td><td align='center'><a href='/Photo/hddq/jss/200512/6.html' title='图片名称:南京大学
作    者:佚名
更新时间:2005-12-29 22:11:22' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200512/20051229221029406.jpg' width='130' height='90' border='0'><br>南京大学</a></td><td align='center'><a href='/Photo/xbdq/sxs/200512/4.html' title='图片名称:长安大学
作    者:湖边树
更新时间:2005-12-29 21:57:26' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200512/20051219182353866.jpg' width='130' height='90' border='0'><br>长安大学</a></td><td align='center'><a href='/Photo/hzdq/hbs/200512/2.html' title='图片名称:武汉大学校园风景
作    者:湖边树
更新时间:2005-12-29 21:54:25' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200603/20060309032711414_S.jpg' width='130' height='90' border='0'><br>武汉大学校园风景</a></td><td align='center'><a href='/Photo/xbdq/sxs/200512/1.html' title='图片名称:长安大学
作    者:湖边树
更新时间:2005-12-19 18:24:23' target='_blank'><img class='pic3' src='/Photo/UploadPhotos/200512/20051219120635768.jpg' width='130' height='90' border='0'><br>长安大学</a></td></tr></table></td>
<td id=demo12 vAlign=top></td>
</tr>
</table>
</div>
<SCRIPT>
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
</SCRIPT>
<!--滚动代码结束-->