为了账号安全,请及时绑定邮箱和手机立即绑定

新浪微博“大家正在说”文字上下滚动渐隐效果

新浪微博“大家正在说”文字上下滚动渐隐效果

慕莱坞森 2018-12-07 10:04:20
<script language="javascript" type="text/javascript"> 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> 有哪位高手能解释一下这段代码?
查看完整描述

2 回答

?
慕姐8265434

TA贡献1813条经验 获得超2个赞

这段代码并不复杂,没有特别难懂的知识点,最难懂的估计就是变量名太短容易混淆吧。

不过这段代码有缺陷倒是真的,里面很多不该重复定义的变量都在每次的setTimeout中重复了,浪费

查看完整回答
反对 回复 2018-12-24
?
人到中年有点甜

TA贡献1895条经验 获得超7个赞

收藏学习

查看完整回答
反对 回复 2018-12-24
  • 2 回答
  • 0 关注
  • 475 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号