모방 Zhubajie website_javascript 기술의 왼쪽 하단에 텍스트 스크롤 효과

源码:

css:

复代码 代码如下:

*{ padding:0;margin:0;font-size:12px;}
.do_ta { border: 1px solid #E4E4E4; 여백:10px 자동; 너비:170px; }
.do_ta .ta_ta { 배경: url("http://s.zbjimg.com/p/zbj/css/../img/tafb.gif") 반복 없음; 높이: 52px; 너비: 168px; }
.do_ta .ta_tc { 높이: 61px; 줄 높이: 20px; 여백: 10px; 오버플로: 숨김; 패딩: 0;위치:상대; }
.do_ta .ta_tc li { border-bottom: 1px 점선 #E4E4E4; 색상: #666666; 높이: 60px; 여백: 0; 오버플로: 숨김; 패딩: 0;위치:절대;위쪽:0;왼쪽:0;배경:#fff;z-색인:0;너비:155px; }
.do_ta .ta_tc li .time { 색상: #999999; }
.do_ta .ta_tc li u { 색상: #2B9A00; 텍스트 장식:없음;}
.do_ta .ta_tc li s { 색상: #FF3600; 텍스트 장식:없음;}
.do_ta .ta_tc li a { 색상: #1A69DE;텍스트 장식:없음; }
.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]];
},
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 );
});
};
setInterval(function(){
if(curActLi == 9);
Meng.each(li,function(){Meng.setStyle(this,{zIndex:0})})
}else curActLi

},5000); }
});
Meng.zbjScrollText('dota1');