2012-11-12 来源:网络
【实例名称】
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实现最简单的漂移特效 进行本实例源码下载