在浏览网页中我们总是会被那一行行的滚动字幕所吸引,商家一般会在显眼的位置加上这么一个滚动的栏目,并且发布一些活动公告或优惠信息,因此对于网站来说这块的应用是非常广泛的。那么如何用dreamweaver制作滚动字幕呢,针对这一问题长春网页制作培训为大家介绍如下几种方法:
1、建立第一个滚动字幕
(1) 代码介绍:
<marquee scrollAmount=2 width=300>滚动字幕</marquee>
(2) 参数详解:
① scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
② width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
③ direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
④ scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
⑤ behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
(3) 应用实例:
① 如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上
代码如下:<marquee scrollAmount=2 width=300><a href=要输入的网址>内容</a></marquee>
② 如何制作当鼠标停留在文字上,文字停止滚动?
代码如下:<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
③ 交替效果
代码如下:<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
④ 多行文本向上滚动
代码如下:<marquee scrollAmount=2 width=300 height=160 direction=up>·如何设计网页<br>·第一点、设计美工<br>·第二点、网页编排<p>·<a href=要输入的网址>内容</a></marquee>
以上滚动字幕实现方式及应用案例由长春网页制作培训为您提供,大家可以再DW中建立一个测试站点,然后实际应用一下,不同的参数设定可以实现不同的滚动效果。
培训内容:网页设计软件|网页前台美工培训|div css样式|网店培训班|php程序开发|网站运营维护|网络营销|电子商务专业
学校地址:长春市绿园区新竹路与青浦路交汇(北京华联,火车站) 咨询电话:0431-81661151 / 15104316336 (来校请您提前致电了解开课安排)
乘车路线:22路,322路,231路,229路,64路,364路,224路,137路,139路,145路,226路,253路,284路,289路等
吉林省优秀网页设计师培训速成/就业首选品牌学校 小班教学/精讲班