jQuery 仿支付寶alipay新聞滾動(dòng)切換特效(基于li)

投訴報(bào)錯(cuò)

腳本大?。?span>33KB
腳本語(yǔ)言：簡(jiǎn)體中文
腳本類型：國(guó)產(chǎn)軟件
腳本授權(quán)：免費(fèi)軟件
腳本類別：jQuery
應(yīng)用平臺(tái)：Windows平臺(tái)
更新時(shí)間：2010-06-09
網(wǎng)友評(píng)分：

360通過(guò) 騰訊通過(guò) 金山通過(guò)

33KB

詳情介紹

jQuery 仿alipay新聞滾動(dòng)切換特效，來(lái)自支付寶網(wǎng)站的特效，豎向的新聞效果，帶淡入淡出功能，時(shí)間間隔可調(diào)，因?yàn)閷懙臅r(shí)候更注重功能的展現(xiàn) ，因此沒(méi)有怎么美化，顯得有些粗糙。
核心代碼:
<script type="text/javascript">
var t = n = count = 0;
function goScroll(id){
var t = n = 0, count = $(id + " .scroll_list li").size();
if(count>0){
$(id + " .scroll_list li").eq(0).show();
createScroll_switch(id,count);
$(id + " .scroll_switch li").eq(0).addClass("hover");
}

$(id + " .scroll_switch li").click(function(){
var i = $(id + " .scroll_switch li").index(this);
n = i;
if (i >= count + 1) return;
$(this).addClass("hover").siblings().removeClass("hover");
$(id + " .scroll_list li").eq(i).fadeIn(500).siblings().hide();

});
t = setInterval(function(){showAuto(id,count,n)}, 1000);
$(id).hover(
function(){clearInterval(t)},
function(){t = setInterval(function(){showAuto(id,count,n)}, 1000);}
);
}
function showAuto(id,count,n){
n = n >= (count - 1) ? 0 : ++n;
$(id + " .scroll_switch li").eq(n).trigger('click');
}
function createScroll_switch(id,count){
for (i=1;i<=count;i++){
$(id + " .scroll_switch").append("<li></li>");
}
}
</script>

新聞滾動(dòng)

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】