FrontPage滚动图片怎么做

答案:3 悬赏:10 手机版

解决时间 2021-03-05 09:45

提问者网友：我们很暧昧
2021-03-05 00:47

桌面上放了1.jpg 2.jpg 3.jpg .....9.jpg 的图片怎么把这几个图片弄在滚动图片里？

最佳答案

五星知识达人网友：神也偏爱
2021-03-05 02:24

一样的呀，把文字换成你的图片就好了。<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="100" width="170" border="0" src="images/48040.jpeg" />
图片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="100" width="170" border="0" src="images/48533.gif" />
图片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="100" width="170" border="0" src="images/48932.gif" />
图片3的说明</a>
</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>
把这段代码中的图替换成你的图片，说明改一下就可以了。
这段代码你全部复制，存成一个html文件就可以运行。

全部回答

1楼网友：撞了怀
2021-03-05 03:15

把图插进来在前面加一个代码就是：这里是包含图的应该明白吧

2楼网友：我住北渡口
2021-03-05 02:35

把图插进来在前面加一个代码就是：<marquee direction="left">这里是包含图的</marquee>应该明白吧

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息