HTML5跑马灯插件怎么用

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

创新互联公司-专业网站定制、快速模板网站建设、高性价比乌拉特后网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式乌拉特后网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖乌拉特后地区。费用合理售后完善，10年实体公司更值得信赖。

使用方法：

一、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跑马灯插件怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

当前题目：HTML5跑马灯插件怎么用
网站网址：https://www.cdcxhl.com/article24/piocje.html

成都网站建设公司_创新互联，为您提供移动网站建设、建站公司、云服务器、电子商务、企业网站制作、小程序开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联