当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现最简单的漂移特效

JS实现最简单的漂移特效

2012/11/12 16:21:48作者:佚名来源:网络

移动端

【实例名称】

JS实现最简单的漂移特效

【实例描述】

漂移的文本可以在页面中任意移动。本例是一个完全没有使用特殊效果的漂移,主要学习跑马灯标签marquee的应用。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <marquee behavior="alternate" height="100%" direction="down">     <marquee behavior="alternate" direction="right">     看见这个漂移的效果了吗?     </marquee> </marquee> </body> </html>

【运行效果】

 最简单的漂移特效运行效果

【难点剖析】

Marquee元素是HTML的标签,可实现其内部文本的滚动特效。其
主要的属性“behavior”用来控制滚动的样式,主要样式如下所示。
·behavior=“scroll”:表示由一端滚动到另一端。
·behavior=“slide”:表示由一端快速滑动到另一端,且不会重复。
·behavior=“alternate”:默认值——表示在两端之间来回滚动。

【源码下载】

为了JS代码的准确性,请点击:JS实现最简单的漂移特效 进行本实例源码下载 

标签: JS