模倣 Zhubajie website_javascript スキルの左下隅にあるテキスト スクロール効果

ソースコード：

css:

复制代码代码如下:

*{パディング:0;マージン:0;フォントサイズ:12px;}
.do_ta {ボーダー: 1px ソリッド #E4E4E4;マージン:10px 自動;幅:170ピクセル; }
.do_ta .ta_ta {background: url("http://s.zbjimg.com/p/zbj/css/../img/tafb.gif") 繰り返しなし;高さ: 52ピクセル;幅: 168ピクセル; }
.do_ta .ta_tc {高さ: 61px;行の高さ: 20px;マージン: 10px;オーバーフロー: 非表示;パディング: 0;位置:相対; }
.do_ta .ta_tc li { border-bottom: 1px 破線 #E4E4E4;色: #666666;高さ: 60ピクセル;マージン: 0;オーバーフロー: 非表示;パディング: 0;位置:絶対;上:0;左:0;背景:#fff;z-index:0;幅:155px; }
.do_ta .ta_tc li .time { color: #999999; }
.do_ta .ta_tc li u { color: #2B9A00; text-decoration:none;}
.do_ta .ta_tc li s { color: #FF3600; text-decoration:none;}
.do_ta .ta_tc li a { color: #1A69DE;text-decoration:none; }
.do_ta .dota_d { パディング: 5px 0 15px;テキスト整列: 中央; }
.do_ta .dota_d a{color:#666;}

javascript:

个人js工具库，猛点击！

复制代码代码如下:

Meng.extend({
zbjScrollText:function(scrollId){
var li = Meng.getTag('li',Meng.getId(scrollId)),

curActLi = 0,
getActivity = function(){
return [li[curActLi] ,li[10 curActLi],li[20 curActLi],li[30 curActLi]];
},
sliceDown = function(elem,pos){
Meng.setStyle(elem,{top:' -60px',zIndex:1});
Meng.animate(elem,{top:-60},{top:60},800);
},
play = function(){
Meng.each(getActivity(),function(i){
var _this = this;
setTimeout(function(){
sliceDown(_this,i);
},i*900 );
});
play();
setInterval(){
curActLi == 0; Meng.each(li,function(){Meng.setStyle(this,{zIndex:0})});
}else
play();
}
});
Meng.zbjScrollText('dota1');