<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.marquee.js"></script>
<script type="text/javascript">
$(function(){
$("#marquee").marquee({yScroll: "bottom"});
});
</script> ul.marquee {display: block;line-height: 1;position: relative;overflow: hidden;width: 400px;
height: 22px; }
ul.marquee li {position: absolute; top: -999em;left: 0;display: block;
white-space: nowrap; padding: 3px 5px; text-indent:0.8em;} <ul id="marquee" class="marquee">
<li><a href="https://jy.tp.yuanmeng.life/js" target="_blank"> Skrollr奇妙的视差滚动效果</a> [2015-08-20]</li>
<li><a href="https://jy.tp.yuanmeng.life/js" target="_blank"> jFlow:jQuery内容滑动特效插件的应用</a> [2015-08-17]</li>
<li><a href="https://jy.tp.yuanmeng.life/js" target="_blank"> Open Flash Chart + PHP + Mysql生成动态图表</a> [2015-08-16]</li>
</ul> | 参数 | 描述 | 默认值 |
| yScroll | 初始滚动方向 (还可以是 | top |
| showSpeed | 初始下拉速度 | 850 |
| scrollSpeed | 滚动速度 | 12 |
| pauseSpeed | 滚动完到下一条的间隔时间 | 5000 |
| pauseOnHover | 鼠标滑向文字时是否停止滚动 | true |
| loop | 设置循环滚动次数 (-1为无限循环) | -1 |
| fxEasingShow: | 缓冲效果 | swing |
| fxEasingScroll | 缓冲效果 | linear |
| cssShowing | 定义class | marquee-showing |
回调函数 |
||
| init: null | 初始调用函数 | - |
| beforeshow: null | 滚动前回调函数 | - |
| show: null | 当新的滚动内容显示时回调函数 | - |
| aftershow: null | 滚动完了回调函数 | - |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



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