dreamweaver图片连续滚动

我想做19张图片的联系滚动，滚动条长度要774的，谁能给个代码啊，摆脱... 我想做19张图片的联系滚动，滚动条长度要774的，谁能给个代码啊，摆脱展开

 我来答

2个回答

#热议# 空调使用不当可能引发哪些疾病？

万网林川
推荐于2016-01-25 · TA获得超过603个赞

知道小有建树答主

回答量：790

采纳率：0%

帮助的人：1433万

我也去答题访问个人页

关注

展开全部

图片无缝连续滚动效果，从右往左。
该代码测试过了，没问题的。
把图片换成你自己的就可以了。注意图片的路径及大小，最好在代码里修改。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width=774 height="120" border=0 cellpadding=5 cellspacing=0>
<tr>
<td width="762"> <div id=demo style=overflow:hidden;height:100;width:762;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top> <table border=0 cellpadding=0 cellspacing=0>
<tr align="center">
<td><a href="#" target="_blank"><img src=
"img/1.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/2.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/3.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/4.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/5.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/6.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/7.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/8.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/9.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/10.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/11.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/12.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/13.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/14.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/15.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/16.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/17.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/18.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>
<td><a href="#" target="_blank"><img src=
"img/19.jpg" width="150" height="40" hspace="3" border="0" align="absmiddle"></a></td>

</tr>
</table></td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>
<script>
var speed=20//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> </td>
</tr>
</table>
</body>
</html>

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

火弥傲子天花4267
2009-07-08 · TA获得超过722个赞

知道小有建树答主

回答量：456

采纳率：0%

帮助的人：248万

我也去答题访问个人页

关注

展开全部

http://blog.sina.com.cn/5zsj63这上面有，如果有疑问的话，我们可以交流一下，呵呵。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

dreamweaver图片连续滚动

其他类似问题

为你推荐：