这篇文章主要介绍“HTML5跑马灯插件怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5跑马灯插件怎么用”文章能帮助大家解决问题。
创新互联公司-专业网站定制、快速模板网站建设、高性价比乌拉特后网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式乌拉特后网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖乌拉特后地区。费用合理售后完善,10年实体公司更值得信赖。
使用方法:
一、HTML模板
这是我写的一个粗略的跑马灯,滚动方向可以设置,具体的宽高样式可以设置,速度可以设置,后面会持续优化。
首先这个跑马灯的框架固定是这样的,不可改变。最外层的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跑马灯插件怎么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。