<div class="BreakingNewsController easing" id="breakingnews1">
<div class="bn-title"></div>
<ul>
<li><a href="https://jy.tp.yuanmeng.life/93.html">强大实用的jQuery幻灯片插件Owl Carousel</a></li>
<li><a href="https://jy.tp.yuanmeng.life/113.html">slick制作17173 ChainJoy2014幻灯片</a></li>
.......
</ul>
<div class="bn-arrows"><span class="bn-arrows-left"></span><span class="bn-arrows-right"></span></div>
</div> <script type="text/javascript" src="jquery.js"></script>
<script src="js/BreakingNews.js"></script> 演示一:左右按钮控制文字淡入淡出效果
$('#breakingnews1').BreakingNews({
title: '公告'
}); $('#breakingnews2').BreakingNews({
title: '滚动新闻',
titlebgcolor: '#099',
linkhovercolor: '#099',
border: '1px solid #099',
timer: 4000,
effect: 'slide'
}); $('#breakingnews3').BreakingNews({
title: '一月点击排行',
titlebgcolor: '#cf0c36',
linkhovercolor: '#099',
border: '1px solid #93221a',
timer: 5000,
effect: 'slide'
}); | 参数 | 描述 | 默认值 |
| background | 背景颜色 | #FFF |
| title | 标题文本 | NEWS |
| titlecolor | 标题字体颜色 | #FFF |
| titlebgcolor | 标题背景颜色 | #5aa628 |
| linkcolor | 链接颜色 | #333 |
| linkhovercolor | 链接 hover 颜色值 | #5aa628 |
| fonttextsize | 字体大小,单位默认为 px,如果要使用其他单位,请用字符串,如 ’16pt’ | 16 |
| isbold | 粗体 | false |
| border | 边框,例如 ‘1px solid #099′ | none |
| width | 宽度 | 100% |
| autoplay | 自动播放 | true |
| timer | 滚动间隔,以毫秒为单位 | 3000 |
| effect | 动画过度方式,可选 fafde(淡入淡出)或 slide(向上滑动) | fade |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
