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实现漂移特效