返回介绍

textMarquee

发布于 2020-01-29 13:50:25 字数 1646 浏览 1103 评论 0 收藏 0

功能

走马灯文字 – 水平

author leeenx
version 1.0.0
create: 2015-11-11

Official Usage

$("#container").textMarquee(
  {
    speed: 50
  }
);

Lazy Usage

$.textMarquee(
  {
    speed: 50,//移动的速度,单位为px/s option
    container: DOM, //文字走马灯的容器 option
    define: "halo_text_marquee" //自定义的属性名(halo_text_marquee为缺省值) option 如果有container,程序会自动忽略define。如果没有container,程序会获取带define 属性名的节点作为container
  }
);

Example

//结合页面带`halo_text_marquee`属性的节点,可以直接调用
$.textMarquee();

//指定容器
$("#textMarquee").textMarquee();

参数列表

name 类型 必选 描述
speed int optional 移动速度,单位为px/s。默认值为50
container string/htmlElement optional 走马灯的容器。如果没指定,
代码会自动去寻找当前页面带define定义的属性的节点当做container
define string optional 定义默认container容器

DEMO

点击查看textMarquee

模块下载

http://wq.360buyimg.com/js/ho2/min/uncmd.js
http://wq.360buyimg.com/js/ho2/min/prefix.js
http://wq.360buyimg.com/js/ho2/min/stylesheet.js
http://wq.360buyimg.com/js/ho2/min/isDom.js
http://wq.360buyimg.com/js/ho2/min/textMarquee.js

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文