网页滚动文字图片代码

很多时候网页实际应用中需要使用到滚动的文字或图片,例如公告栏。
以下是聪头收集到的一例html的滚动文字代码,跟大家分享一下:

滚动文字代码:

<marquee direction="left" behavior="alternate" scrollamount="3">滚动文字</marquee>

参数解释
align:活动对象(图片或文字)的位置;
direction:滚动的方向,可选的值有:left(左)、right(右)、up(上)、down(下)。
behavior 动的方式,可选的值有:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
scrollamount:滚动的速度,可以为任意数值。数值越大速度越高。
loop:滚动的次数,可以为任意数値,不设置时为无数次。
scrolldelay:延时,可以为任意数值,可以制作出滚动一下停一下的效果。
width:滚动区域的宽度,可以为数值或百分数,当为百分数时宽度是相对于父元素的。
height:滚动区域的高度,可以为数值或百分数,当为百分数时高度是相对于父元素的。
hspace和vspace:分别用于设定滚动对象的左右边框和上下边框的宽度;

图片滚动代码:

<marquee direction="left" behavior="alternate" scrollamount="3"><img src="图片地址" alt="" /></marquee>

其实滚动图片的代码和滚动文字代码之间唯一的分别是:滚动的对象,而代码的其他部分没有不同。

另外同一个对象可以套在多层<marquee>标签中间,这样可组合出各种不同的移动效果,例如45度向右上(两个<marquee>的方向速度分别为右x和上x),60度向向左上(左x,上2x),各位在自己的网页中试试吧?

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.

分类目录
树莓派小伙伴