dreamweaver中怎样让滚动图片的第一张和最后一张连起来。

急的很,哪位好心人能说一下(具体点,我是新手)谢谢了,真心的感谢。... 急的很,哪位好心人能说一下(具体点,我是新手)谢谢了,真心的感谢。 展开
 我来答
优网
推荐于2017-09-25 · 十五年企业网络策划运营
优网
采纳数:8615 获赞数:28383

向TA提问 私信TA
展开全部

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 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼word文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景... 点击进入详情页
本回答由博思aippt提供
luckylighting
推荐于2017-09-29 · 超过10用户采纳过TA的回答
知道答主
回答量:33
采纳率:0%
帮助的人:0
展开全部
可以用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的属性设置,你看看你可以看懂吗?另外你说的情况可以看一下第四条。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
答题小能手33号
2009-07-08 · TA获得超过5471个赞
知道小有建树答主
回答量:1777
采纳率:50%
帮助的人:701万
展开全部
网站头部分加入:
<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 你可以去看下效果
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式