dreamweaver8中如何让滚动的图片首尾接起来

dreamweaver8中如何让滚动的图片首尾接起来
2025-01-19 16:19:54
推荐回答(2个)
回答1:

不管是在dreamweaver8还是在CS系列中,用marquee标签,再配合JS脚本就可以实现!
我设计网站时常用这种高效的方法,下面是我原创的,而且经过优化的代码,很多网友提问时也是用我的方法。
要滚动的文字图片
但不管你用marquee的什么属性,都只能实现滚动效果,但不能实现首尾相接循环走马灯效果(我摸索了很久);你要实现首尾相接循环走动效果,那真的只有借助JavaScript脚本,即是js代码。
下面我给出一个结合marquee和JavaScript来实现首尾相接循环走动效果代码及其实现方法:
1.首先你要先建一个文件夹,比如名为“gundong”的文件夹,再建两个名为“js”和“images”的子文件夹。
2.用记事本将下面的js代码复制进去,保存在js子文件夹下;文件名为scrollpic.js
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}

3.用记事本将下面的html代码复制进去,保存在gundong根文件夹下,文件名为index.htm




http://hi.baidu.com/wibmj



























1

2


3
4
5
6
7
8
9
10






4.在images文件夹中法如一张名为pic_bg.jpg的图片.

注意上面文件的文件名和后缀要保存正确,不要改动,如果改动了,就要修改代码里的路径才能正确显示的,其实也不难。 如果你要将这些效果转移到ASP或其它编码环境中,你可以复制上面HTML中的......
标签里的代码,或者新建一个
图层,再转移过去,注意要根据实际情况修改js脚本文件的路径,这种方法很奏效!

回答2:

1楼上的代码确实能用!
方法很详尽!