HTML5跑马灯插件怎么用

这篇文章主要介绍“HTML5跑马灯插件怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML5跑马灯插件怎么用”文章能帮助大家解决问题。

　　使用方法：

　　一、HTML模板

　　<div id="marquee-wrapper">

　　<div>

　　<p>

　　这是我写的一个粗略的跑马灯，滚动方向可以设置，具体的宽高样式可以设置，速度可以设置，后面会持续优化。

　　</p>

　　</div>

　　</div>

　　首先这个跑马灯的框架固定是这样的，不可改变。最外层的div的id自己制定。

　　二、属性和参数

　　//Author:Nangxi

　　//Version:1.0

　　//属性               解析                可能值

　　//id                跑马灯的id           自定

　　//decoration        滚动方向             left、right、top、bottom

　　//width             跑马灯div宽度        自定（单位px）

　　//height            跑马灯div高度        自定（单位px）

　　//speed             跑马灯滚动速度       自定

　　三、调用

　　var marquee={

　　id:"marquee-wrapper",

　　decoration:"left",

　　width:500,

　　height:50,

　　speed:10

　　};

　　scroll（marquee）;

　　编辑好相应参数，然后调用scroll（）方法。

关于“HTML5跑马灯插件怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网行业资讯频道，小编每天都会为大家更新不同的知识点。