DW做图片循环滚动
<marqueebehavior="scroll"scrolldelay=0direction="left"loop="infinite"scrollamount="3"...
<marquee behavior="scroll" scrolldelay=0
direction="left" loop="infinite" scrollamount="3" onmouseover='this.stop()' onmouseout='this.start()'>
<img src="image/西塘2.jpg" width="120" height="85">
<img src="image/西塘1.jpg" width="120" height="85">
<img src="image/周4.jpg" width="120" height="85">
<img src="image/周2.jpg" width="120" height="85">
<img src="image/同里5.jpg" width="120" height="85">
<img src="image/乌镇1.jpg" width="120" height="85">
<img src="image/西塘2.jpg" width="120" height="85">
<img src="image/西塘1.jpg" width="120" height="85">
<img src="image/周4.jpg" width="120" height="85">
<img src="image/周2.jpg" width="120" height="85">
<img src="image/同里5.jpg" width="120" height="85">
<img src="image/乌镇1.jpg" width="120" height="85">
</marquee>
我需要的效果是http://travel.sina.com.cn/z/jiangnanlgz/底下的形式 帮我看看上面的代码有什么改的
谢谢了 展开
direction="left" loop="infinite" scrollamount="3" onmouseover='this.stop()' onmouseout='this.start()'>
<img src="image/西塘2.jpg" width="120" height="85">
<img src="image/西塘1.jpg" width="120" height="85">
<img src="image/周4.jpg" width="120" height="85">
<img src="image/周2.jpg" width="120" height="85">
<img src="image/同里5.jpg" width="120" height="85">
<img src="image/乌镇1.jpg" width="120" height="85">
<img src="image/西塘2.jpg" width="120" height="85">
<img src="image/西塘1.jpg" width="120" height="85">
<img src="image/周4.jpg" width="120" height="85">
<img src="image/周2.jpg" width="120" height="85">
<img src="image/同里5.jpg" width="120" height="85">
<img src="image/乌镇1.jpg" width="120" height="85">
</marquee>
我需要的效果是http://travel.sina.com.cn/z/jiangnanlgz/底下的形式 帮我看看上面的代码有什么改的
谢谢了 展开
2个回答
展开全部
请查收 绝对没问题
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 600px; HEIGHT: 190px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" id=demo1>
<!-- 要循环滚动的图片 -->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td width="200" height="150" align="center">
<img src="images/pic1.jpg" width="194" height="147" border="0" />
</td>
<td width="200" align="center">
<img src="images/pic2.jpg" width="194" height="147" border="0" />
</td>
<td align="center">
<img src="images/pic3.jpg" width="194" height="147" border="0" />
</td>
</tr>
</table>
</td>
<TD id=demo2 width=1></TD>
</tr>
</table>
</DIV>
<SCRIPT>
var speed=30//速度数值越大速度越慢
var demo2 = document.getElementById("demo2");
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
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>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 600px; HEIGHT: 190px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" id=demo1>
<!-- 要循环滚动的图片 -->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td width="200" height="150" align="center">
<img src="images/pic1.jpg" width="194" height="147" border="0" />
</td>
<td width="200" align="center">
<img src="images/pic2.jpg" width="194" height="147" border="0" />
</td>
<td align="center">
<img src="images/pic3.jpg" width="194" height="147" border="0" />
</td>
</tr>
</table>
</td>
<TD id=demo2 width=1></TD>
</tr>
</table>
</DIV>
<SCRIPT>
var speed=30//速度数值越大速度越慢
var demo2 = document.getElementById("demo2");
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
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>
追问
可是我运行的时候并没有循环
追答
你加上图片试试
就三张图片 不循环能没空白吗?
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
一样的啊
追问
可是我运行的时候并没有循环
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询