仿微博网页php源码,网页特效——仿新浪微博首页“大家正在说”渐入轮显效果...

正好在一个小项目里用到就分享给大家

JS+CSS仿新浪微博首页“大家正在说”渐入轮显效果(www.iiwnet.com)

*{margin:0;padding:0;font-size:12px;}

ul{width:300px;height:400px;overflow:hidden;margin:50px 0 0 100px;}

li{width:300px;border-bottom:1px solid #eee;margin-bottom:20px;}

h4{border-bottom:1px solid #eee;}

• 1、吃早餐都中毒了

  是不是有点全都，吃早餐竟然食物中毒啊？

  2分钟前

• 2、30城市房价增高进7成

  房奴注定当今社会的年青人会很忙碌，一辈子会房子奔波……

  2分钟前

• 3、李玮峰进球了

  李玮峰进球了，这是真的吗？

  2分钟前

var b=window.b||{};

b.roll=function (){

var me=this;

setTimeout(function(){

me.x=document.getElementsByTagName("ul");

me.y=document.getElementsByTagName("li");

me.z=me.y.item(me.y.length-1);

me.q=me.z.clientHeight;

me.z.style.opacity=0;

me.z.style.filter="alpha:(opacity=0)";

me.z.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+0+")";

me.z.style.height="0px";

me.x[0].insertBefore(me.z,me.y[0]);

me.t=1;

me.c=0

me.i=setInterval(function(){

me.t++;

me.z.style.height=Math.round(me.q*(me.t/50)*(me.t/50))+"px";

if(me.t>=50){clearInterval(me.i);

me.d=setInterval(function(){

me.c+=0.02

if("\v"=="v"){

me.z.style.filter="alpha:(opacity="+me.c*100+")";

me.z.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+me.c*100+")";

}

me.z.style.opacity=me.c;

if(me.c>=1){clearInterval(me.d);}

},50)

}

},25)

b.roll();

},5000);

}

new b.roll();