Dreamweaver中已有图片无缝滚动从下向上代码,求改成从右向左的 5
代码如下:<divid="demo"style="overflow:hidden;height:500px;width:120px;border:1pxsolid#dde...
代码如下:
<div id="demo" style="overflow:hidden;height:500px;width:120px; border:1px solid #dde5bc; overflow:hidden;float:right">
<div id=demo1>
<img src="images/js01.gif" width="120" height="120">
<img src="images/js02.gif" width="120" height="120">
<img src="images/js03.gif" width="120" height="120">
<img src="images/js04.gif" width="120" height="120">
<img src="images/js05.gif" width="120" height="120">
<img src="images/js06.gif" width="120" height="120">
<img src="images/js07.gif" width="120" height="120">
<img src="images/js08.gif" width="120" height="120">
<img src="images/js09.gif" width="120" height="120">
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 展开
<div id="demo" style="overflow:hidden;height:500px;width:120px; border:1px solid #dde5bc; overflow:hidden;float:right">
<div id=demo1>
<img src="images/js01.gif" width="120" height="120">
<img src="images/js02.gif" width="120" height="120">
<img src="images/js03.gif" width="120" height="120">
<img src="images/js04.gif" width="120" height="120">
<img src="images/js05.gif" width="120" height="120">
<img src="images/js06.gif" width="120" height="120">
<img src="images/js07.gif" width="120" height="120">
<img src="images/js08.gif" width="120" height="120">
<img src="images/js09.gif" width="120" height="120">
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏5(财富值+成长值)
1个回答
展开全部
1.把光标插入点放在需要插入滚动字幕的地方。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签,点击“插入”按钮。
4.转换到代码视图。把光标插入点放在 marquee标签内。
5. 选择“窗口”-->“标签检查器”。然后选择属性,单击未分类前面的"+",可以在“标签检查器”中设置标签的各种用法。
6.点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。
7.direction属性设置字幕内容的滚动方向。(
down
left
right
up
向下运动
向左运动
向右运动
向上运动
)
8.scrollamount属性设置字幕滚动的速度。
9.scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉,就设置时间长一点吧。
10.width属性设置滚动字幕的宽度
11.onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。在Dreamweaver MX 2004中需要打开“行为”面板设置。
12.style属性设置字幕内容的样式
13.loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
2.点击插入面板的“标签选择器 ”
3.选择 marquee标签,点击“插入”按钮。
4.转换到代码视图。把光标插入点放在 marquee标签内。
5. 选择“窗口”-->“标签检查器”。然后选择属性,单击未分类前面的"+",可以在“标签检查器”中设置标签的各种用法。
6.点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。
7.direction属性设置字幕内容的滚动方向。(
down
left
right
up
向下运动
向左运动
向右运动
向上运动
)
8.scrollamount属性设置字幕滚动的速度。
9.scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉,就设置时间长一点吧。
10.width属性设置滚动字幕的宽度
11.onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。在Dreamweaver MX 2004中需要打开“行为”面板设置。
12.style属性设置字幕内容的样式
13.loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询