觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！

觉得猪八戒网左下角的文字滚动，效果不错！

自己摸索了一下，以自己的方法实现了！

没有运用jQuery,不过用了自己的编写的Js库！

有兴趣的可以看看！

• 2分钟前：yp6811

  出价200元,发布了坡屋顶客厅简欧效果图,加急

• 3分钟前：pplilikk

  出价50元,发布了我想团投票

• 4分钟前：userhxy

  出价200元,发布了在图片上模块地图操作

• 5分钟前：wang1234568

  出价50元,发布了美化淘宝图片若干张

• 6分钟前：jack5156

  出价1000元,发布了网站制作

• 7分钟前：yp6811

  出价200元,发布了坡屋顶客厅简欧效果图,加急

• 8分钟前：pplilikk

  出价50元,发布了我想团投票

• 9分钟前：userhxy

  出价200元,发布了在图片上模块地图操作

• 10分钟前：wang1234568

  出价50元,发布了美化淘宝图片若干张

• 11分钟前：jack5156

  出价1000元,发布了网站制作

• 7分钟前：蓝蓝水

  出价300元,发布了小吃品牌区域代理计划书

• 9分钟前：youling999

  出价600元,发布了淘宝聚划算投票 3元/票 ...

• 9分钟前：北京开门红

  出价800元,发布了对北京公司注册网www.1...

• 14分钟前：yitianyige

  出价50元,发布了(1天1个)百度知道一问一...

• 18分钟前：msnwell

  出价10000元,发布了网站PHP网站程序设计

• 7分钟前：蓝蓝水

  出价300元,发布了小吃品牌区域代理计划书

• 9分钟前：youling999

  出价600元,发布了淘宝聚划算投票 3元/票 ...

• 9分钟前：北京开门红

  出价800元,发布了对北京公司注册网www.1...

• 14分钟前：yitianyige

  出价50元,发布了(1天1个)百度知道一问一...

• 18分钟前：msnwell

  出价10000元,发布了网站PHP网站程序设计

• 21分钟前：jasontso

  出价200元,发布了娱乐公司LOGO设计

• 22分钟前：上海财道网络科技

  出价1000元,发布了上海财道网络科技有限公司L...

• 22分钟前：dbchuan

  出价50元,发布了张姓女宝宝取名

• 22分钟前：a278313

  出价50元,发布了请人帮忙改下SHOPEX源...

• 24分钟前：谁情深处

  出价170元,发布了帮忙设计一个金发女士用在包...

• 21分钟前：jasontso

  出价200元,发布了娱乐公司LOGO设计

• 22分钟前：上海财道网络科技

  出价1000元,发布了上海财道网络科技有限公司L...

• 22分钟前：dbchuan

  出价50元,发布了张姓女宝宝取名

• 22分钟前：a278313

  出价50元,发布了请人帮忙改下SHOPEX源...

• 24分钟前：谁情深处

  出价170元,发布了帮忙设计一个金发女士用在包...

• 25分钟前：beijingjiayuan

  出价100元,发布了百度知道,搜搜问问,天涯问...

• 25分钟前：msnwell

  出价20000元,发布了网站前端Div+Css+P...

• 27分钟前：haron0318

  出价100元,发布了公司LOGO设计

• 27分钟前：koyin

  出价50元,发布了简单超简单 美丽说 蘑菇街

• 28分钟前：muyeedu

  出价1000元,发布了吉祥物设计

• 25分钟前：beijingjiayuan

  出价100元,发布了百度知道,搜搜问问,天涯问...

• 25分钟前：msnwell

  出价20000元,发布了网站前端Div+Css+P...

• 27分钟前：haron0318

  出价100元,发布了公司LOGO设计

• 27分钟前：koyin

  出价50元,发布了简单超简单 美丽说 蘑菇街

• 28分钟前：muyeedu

  出价1000元,发布了吉祥物设计

我也要发布任务>>

源码：

css:

 1  *{ padding: 0; margin: 0; font-size: 12px;}
 2  .do_ta {  border:  1px solid #E4E4E4;  margin: 10px auto;  width: 170px;  }
 3  .do_ta .ta_ta {  background:  url("http://s.zbjimg.com/p/zbj/css/../img/tafb.gif") no-repeat;  height:  52px;  width:  168px;  }
 4  .do_ta .ta_tc {  height:  61px;  line-height:  20px;  margin:  10px;  overflow:  hidden;  padding:  0; position: relative;  }
 5  .do_ta .ta_tc li {  border-bottom:  1px dashed #E4E4E4;  color:  #666666;  height:  60px;  margin:  0;  overflow:  hidden;  padding:  0; position: absolute; top: 0; left: 0; background: #fff; z-index: 0; width:155px; }
 6  .do_ta .ta_tc li .time {  color:  #999999;  }
 7  .do_ta .ta_tc li u {  color:  #2B9A00;  text-decoration: none;}
 8  .do_ta .ta_tc li s {  color:  #FF3600;  text-decoration: none;}
 9  .do_ta .ta_tc li a {  color:  #1A69DE; text-decoration: none;  }
10  .do_ta .dota_d {  padding:  5px 0 15px;  text-align:  center;  }
11  .do_ta .dota_d a{ color: #666;}

 javascript:

 个人js工具库，猛点击！

 1 Meng.extend({
 2     zbjScrollText: function(scrollId){
 3          var li = Meng.getTag('li',Meng.getId(scrollId)),
 4           
 5             curActLi = 0,
 6             getActivity =  function(){
 7                  return [li[curActLi],li[10+curActLi],li[20+curActLi],li[30+curActLi]];
 8                 },
 9             sliceDown =  function(elem,pos){
10                 Meng.setStyle(elem,{top:'-60px',zIndex:1});
11                 Meng.animate(elem,{top:-60},{top:60},800);
12                 },
13             play =  function(){
14                 Meng.each(getActivity(), function(i){
15                      var _this =  this;
16                     setTimeout( function(){
17                         sliceDown(_this,i);
18                         },i*900);
19                     });    
20                 };
21                 play();
22             setInterval( function(){
23                  if(curActLi == 9){
24                   curActLi = 0;
25                   Meng.each(li, function(){Meng.setStyle( this,{zIndex:0})});
26                 } else curActLi++;
27                 play();
28                 },5000);
29         }
30         });
31 Meng.zbjScrollText('dota1');