资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
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> <title>仿新浪微博首页"大家正在说"渐入轮显效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{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>房奴注定当今社会的年青人会很忙碌，一辈子会房子奔波……</p> <p>2分钟前</p> </li> <li> <h4>3、李玮峰进球了</h4> <p>李玮峰进球了，这是真的吗？</p> <p>2分钟前</p> </li> </ul> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20b%3Dwindow.b%7C%7C%7B%7D%3B%20%0D%0Ab.roll%3Dfunction%20()%7B%20%0D%0Avar%20me%3Dthis%3B%20%0D%0AsetTimeout(function()%7B%20%0D%0Ame.x%3Ddocument.getElementsByTagName(%22ul%22)%3B%20%0D%0Ame.y%3Ddocument.getElementsByTagName(%22li%22)%3B%20%0D%0Ame.z%3Dme.y.item(me.y.length-1)%3B%20%0D%0Ame.q%3Dme.z.clientHeight%3B%20%0D%0Ame.z.style.opacity%3D0%3B%20%0D%0Ame.z.style.filter%3D%22alpha%3A(opacity%3D0)%22%3B%20%0D%0Ame.z.style.filter%3D%22progid%3ADXImageTransform.Microsoft.Alpha(opacity%3D%22%2B0%2B%22)%22%3B%20%0D%0Ame.z.style.height%3D%220px%22%3B%20%0D%0Ame.x%5B0%5D.insertBefore(me.z%2Cme.y%5B0%5D)%3B%20%0D%0Ame.t%3D1%3B%20%0D%0Ame.c%3D0%20%0D%0Ame.i%3DsetInterval(function()%7B%20%0D%0Ame.t%2B%2B%3B%20%0D%0Ame.z.style.height%3DMath.round(me.q*(me.t%2F50)*(me.t%2F50))%2B%22px%22%3B%20%0D%0Aif(me.t%3E%3D50)%7BclearInterval(me.i)%3B%20%0D%0Ame.d%3DsetInterval(function()%7B%20%0D%0Ame.c%2B%3D0.02%20%0D%0Aif(%22%5Cv%22%3D%3D%22v%22)%7B%20%0D%0Ame.z.style.filter%3D%22alpha%3A(opacity%3D%22%2Bme.c*100%2B%22)%22%3B%20%0D%0Ame.z.style.filter%3D%22progid%3ADXImageTransform.Microsoft.Alpha(opacity%3D%22%2Bme.c*100%2B%22)%22%3B%20%0D%0A%7D%20%0D%0Ame.z.style.opacity%3Dme.c%3B%20%0D%0Aif(me.c%3E%3D1)%7BclearInterval(me.d)%3B%7D%20%0D%0A%7D%2C50)%20%0D%0A%7D%20%0D%0A%7D%2C25)%20%0D%0Ab.roll()%3B%20%0D%0A%7D%2C5000)%3B%20%0D%0A%7D%20%0D%0Anew%20b.roll()%3B%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程