JavaScript仿新浪微博的笔墨渐变下滚结果

发布时间：2018-08-18 15:54:37 所属栏目：编程来源：站长网

导读：Java Script仿新浪微博的笔墨渐变下滚结果，各人本身看一下就知道是什么样的了，也许有的童鞋会说，这样的结果早年在猛火网看到过好几个呢！那么你答对了，早年这样的例子确实颁发过几个，各人可以行使猛火站内搜刮来查询！示例： !DOCTYPE html PUBLIC

　　JavaScript仿新浪微博的笔墨渐变下滚结果，各人本身看一下就知道是什么样的了，也许有的童鞋会说，这样的结果早年在猛火网看到过好几个呢！那么你答对了，早年这样的例子确实颁发过几个，各人可以行使猛火站内搜刮来查询！

　　示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>仿zol商城播报，仿新浪微博</title> <style> *{ 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;} </style> </head> <body> <ul> <li><h4>1.广安市区产生多起掳掠变乱</h4><p>近期，广安市区晚上产生多起掳掠变乱，城南以万盛街四面为主，城北以人工湖四面为主，变乱从晚上八点至破晓两点。</p><p>2分钟前</p></li> <li><h4>2.30都市房价增高进7成</h4><p>【逛北京路必备】仅25元，享原价80元的市一宫影戏城单人通票一张！2D、3D全场劲爆通兑！不限时段、不限场次、不限影片，寓目最新上映大片！</p><p>2分钟前</p></li> <li><h4>3.李玮峰进球了</h4><p>“我是人大代表，来日诰日就叫你完好下岗！”一个方才撞了7辆车，撞死了1小我私人，毫无悔意，还在喧嚣……</p><p>2分钟前</p></li> <li><h4>4.刚吃饱了饭</h4><p>【华农月饼】酸奶只是浮云！人类已经不能阻止#华农食物#的发扬光大了。中秋快到了~~列位同窗筹备好月饼了吗？</p><p>2分钟前</p></li> <li><h4>5.吃早餐都中毒了</h4><p>竣事了十多天布置的观光到告竣都机场，这次观光总体上布置时刻太紧,目标性太强，看的景点太多，很多景点必要往后再来逐步领会。</p><p>2分钟前</p></li> <li><h4>6.吃早餐都中毒了</h4><p>我认为除非极其非凡的环境，一小我私人在进入企业后至少待够三年，不要跳来跳去。</p><p>2分钟前</p></li> </ul> <script> 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(); </script> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE