脚本宝典收集整理的这篇文章主要介绍了jquery插件-轮番图 广告,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery-rollad
广告轮番图--模仿网易云音乐的广告轮番图
这是网易音乐的效果图:
这是轮播插件的效果图:
你只需将项目的 htML 模板插入到你的html页面中:
<article class="jq-roll">
<!--......-->
</article>
并在html头部加入样式
<link type="text/css" rel="stylesheet" href="css/roll-ad.css">
body底部加入 script 脚本即可
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery.roll-ad.js"></script>
<script>
RollAd.init($('.rollad'));
</script>
其中 <div class="rollad"
的 data-setting
属性 应许你自定义,设置你所需的参数
<div class="rollad" data-setting ='{
"width":800,
"height":250,
"liWidth":520,
"liHeight":220,
"delay":1000
}'>
以上是脚本宝典为你收集整理的jquery插件-轮番图 广告全部内容,希望文章能够帮你解决jquery插件-轮番图 广告所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。