首页 > 设计 > 软件应用 > 正文

Dreamweaver8制作网页滚动文字效果的实例教程

2019-10-27 18:49:38
字体:
来源:转载
供稿:网友
很多网友都会存在动态文字,这样吸引眼球,其实这个看上去高大上的功能却很好实现,今天我们就使用Dreamweaver8来制作网页滚动文字效果的教程,需要的朋友可以参考下
 
 

教大家如何Dreamweaver8制作网页中的滚动文字。

1、打开Dreamweaver 8,新建HTML。

Dreamweaver8制作网页滚动文字效果的实例教程

2、选择插入,标签。

Dreamweaver8制作网页滚动文字效果的实例教程

3、选择HTML标签,拉动滚动条选择marquee插入。

Dreamweaver8制作网页滚动文字效果的实例教程

4、点一下插入后,点关闭。

Dreamweaver8制作网页滚动文字效果的实例教程

5、在两对<marque><marquee>之间打上要输入的文字

Dreamweaver8制作网页滚动文字效果的实例教程

6、Ctrl+S保存,F12预览,是不是看见文字从右往左滚动呢?下面我们来设置文字滚动的方向。

7、在代码第一个<marque>,e得后面敲空格,选择direction双击。

Dreamweaver8制作网页滚动文字效果的实例教程

8、接下来设置滚动速度。在“up”后在敲空格,选择scrolldelay

Dreamweaver8制作网页滚动文字效果的实例教程

9、写上速度大小,数字越大滚动越慢,大家可以试一下‘’5‘’和‘’500‘’的区别。

Dreamweaver8制作网页滚动文字效果的实例教程



注:相关教程知识阅读请移步到Dreamweaver教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表