多语言展示
当前在线:180今日阅读:2今日分享:38

dw图片滚动效果怎么做

当我们在使用Dreamweaver中,给网页进行布局的时候,经常回用到图片滚动的样式。那么我们一起来看看图片滚动效果怎么设置吧~
工具/原料
1

Acer One13

2

window10

3

Dreamweaver CS6

方法一:
1

打开Dreamweaver CS6,新建一个HTML

2

在点击菜单中的“插入--图像”,快捷键是CTRL+ALT+I

3

找到要滚动图片的位置后,我们插入要滚动的图片。

4

在点击菜单上的“插入--标签”

5

在“标签选择器”中,点击HTML标签中,找到“marquee”选中后,点击插入后,关闭标签

6

在代码中,把刚刚插入图片的代码,剪切粘贴到中,在中,在输入滚动的代码,如图所示

方法二:

我们插入图片以后,直接在代码中,手动输入滚动动的代码

总结:
1

behavior="alternate"图片在浏览器中,左右来回滚动。behavior="scroll"重复滚动behavior="slide" 只滚动一次。

2

direction是滚动方向。right向右滚动、left向左滚动、up向上、down向下

3

scrollamount="3",这里设置的是滚动速度,数字越大,滚动速度越快

4

loop="infinite"无线循环。若想设定次数,则loop="2"循环2次END