要做一个文字滚动的效果,于是我怀着对JS深深的敬畏感开始寻找JS以及JQ的解决方法,寻找到了一个不错的包,用了效果也不错,但是这货跟JQ包冲突,最后从兴旺同学处得知有这么一个神奇的东西…

用法很简单,把需要滚动的文字放进

之间即可实现文字滚动的效果。

另外,marquee标签还有一些参数:

BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
scrollAmount:它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
width和height:表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
direction:表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up 表示↑,down表示↓。
scrollDelay:这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
behavior:用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止 滚动)

示例如下

文字滚动

鼠标悬停后停止滚动

文字内容

交替效果

文字内容

多行文本向上滚动

·文字第一行
·文字第二行
·文字第三行

·文字滚动

图片滚动
用<img src=相对路径/文件名>的语句。并且要注意图片名不要中文,要注意区分英文大小写。

 

    分享到:

发表评论

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