温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML5跑马灯插件怎么用

发布时间:2022-03-05 16:27:05 来源:亿速云 阅读:165 作者:iii 栏目:web开发

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI