最近网站做的中超的页面真是叫人无语
中超频道的编辑要求一大堆的效果,那些老掉牙的文字滚动啊什么的。。。整的整个页面乌烟瘴气不伦不类。彻底崩溃
昨天又要加上个垂直滚动的效果(意思可能是要跟文字滚动遥相呼应~~)无语ing```
鉴于垂直滚动可能会经常用到,就写了个小插件,本来这个插件的功能可以再强大点,比如可以控滚动方向 什么的,但是为了使用方便起见,就写的简单点,大部分的样式操作和控制还是留给了CSS。
简单说一下原理:垂直滚动其实很简单,卷上去的不可见部分让它自动排到滚动序列的最后面,这样就形成了循环。利用JQ提供的amimate 和 appendTo方法就行了。下面是我写的插件:
使用范例:
$("#zcon").vsr({
num:3 //每次滚动三个
});
num:3 //每次滚动三个
});
$("#zcon").vsr({
wait:6000, //滚动间隔6秒
tag :ul, //滚动元素为ul
num :2 //每次滚动2个
});
wait:6000, //滚动间隔6秒
tag :ul, //滚动元素为ul
num :2 //每次滚动2个
});
在线例子:http://csl.cnsoccer.titan24.com/