dreamweaver中怎样让滚动图片的第一张和最后一张连起来。
展开全部
dreamweaver中图片循环滚动代码(无缝滚动)
height:图片高度像素px;
width:图片宽度像素px
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left
cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<img src="图片地址一">
<img src="图片地址二">
<img src="图片地址三">
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.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 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景...
点击进入详情页
本回答由博思aippt提供
展开全部
可以用marquee,你可以试一下:
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等
1、onMouseOut=this.start() ........鼠标移出状态滚动
onMouseOver=this.stop() .........鼠标经过时停止滚动
2、方向 <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>
3、方式 <bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>
4、循环
<loop=#> #=次数;若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>.....</marquee>
<marquee loop=3 width=50% behavior=slide>......</marquee>
<marquee loop=3 width=50% behavior=alternate>.....</marquee>
5、速度
<scrollamount=#> <marquee scrollamount=20>.....</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>.....</marquee>
外观(Layout)设置
6、对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>......</marquee>
</font>
以上是marquee的属性设置,你看看你可以看懂吗?另外你说的情况可以看一下第四条。
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等
1、onMouseOut=this.start() ........鼠标移出状态滚动
onMouseOver=this.stop() .........鼠标经过时停止滚动
2、方向 <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>
3、方式 <bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>
4、循环
<loop=#> #=次数;若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>.....</marquee>
<marquee loop=3 width=50% behavior=slide>......</marquee>
<marquee loop=3 width=50% behavior=alternate>.....</marquee>
5、速度
<scrollamount=#> <marquee scrollamount=20>.....</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>.....</marquee>
外观(Layout)设置
6、对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>......</marquee>
</font>
以上是marquee的属性设置,你看看你可以看懂吗?另外你说的情况可以看一下第四条。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
网站头部分加入:
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
再在放图片的位置
<div id="demo">
<div id="indemo">
<div id="demo1">
<img src="ht_pic/bofenghan.jpg" border="0" />
<img src="ht_pic/yajie.jpg"/>
<img src="ht_pic/s1.gif" />
</div>
<div id="demo2"></div>
</div>
</div>
这个是我找到的最简洁的一个代码了
演示页面:http://www.whhtkj.com/ht_about.asp 你可以去看下效果
<script>
<!--
var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
再在放图片的位置
<div id="demo">
<div id="indemo">
<div id="demo1">
<img src="ht_pic/bofenghan.jpg" border="0" />
<img src="ht_pic/yajie.jpg"/>
<img src="ht_pic/s1.gif" />
</div>
<div id="demo2"></div>
</div>
</div>
这个是我找到的最简洁的一个代码了
演示页面:http://www.whhtkj.com/ht_about.asp 你可以去看下效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |