uff1a效应



思想:

利用多功能浮动框架实现微博效果。首先，我们添加的属性的文本到新创建的李，再加上李UL，然后使用漂浮运动框架来动态显示数据。

代码uff1a
复制代码代码如下所示：



*
{
保证金：0；
填充：0；
}
# UL1
{
宽度：300px；
身高：300px；
border: 1px solid黑；
保证金：10px汽车；
溢出：隐藏；
}
# UL1李
{
列表样式：无；
填料：4px；
底部边框：1px # 999段；
溢出：隐藏；
不透明性：0；
}


在window.onload =函数（）{
建立document.getelementbyid VaR（'btn）；
VaR txt = document.getelementbyid（'t1）；
VaR，= document.getelementbyid（'ul1）；
btn.onclick =函数（）{
VaR CLI = document.createelement（李的）；
cli.innerhtml = txt.value； / /添加数据到李。
txt.value =；
如果（oul.children.length > 0）{ / /确定是否存在李，如果你插入，如果不那么新
oul.insertbefore（CLI，灵魂。孩子{ 0 }）；
{人}
oul.appendchild（CLI）；
}
VaR的Iheight = cli.offsetheight； / /得到李的高度
cli.style.height = '0'；
移动{身高：}（CLI的Iheight，函数（）{ / /然后漂浮运动数据显示
移动（CLI，{不透明度：100 }）；
}）；
}
}
/ / ------------------------------------------------------------------------------------
获取非线型样式
功能getstyle（OJB，name）{
如果（OJB。currentstyle）{
currentstyle {姓名}回报方面；
}
{其他
返回getcomputedstyle（OJB，false）{姓名}；
}
}
JSON缓冲运动的应用
/ / JSON {属性，完成}
宽度：200，高度：200 }
功能移动（obj，JSON，fnname）{ / / obj是一个对象，JSON对象的属性，fnname是函数
ClearInterval（obj。定时器）； / /之前关闭定时器
obj.timer = setInterval（）{（）函数（
无功timestop = true； / /如果记录被执行财产
对于（JSON var attr）{ JSON / /遍历数据
无功ogetstyle = 0；
如果（attr = = 'opacity）{ / /透明度的判断
ogetstyle = math.round（parseFloat（getstyle（obj，ATTR））×100）； / /透明的圆，然后转换后的分配
}
{其他
ogetstyle = parseInt（getstyle（obj，ATTR））；
}
var =速度（JSON {属性} - ogetstyle） / / / 5；速度
速度=速度> 0 math.ceil（速度）：Math.floor（速度）； / /二进制整数
如果（ogetstyle！= JSON {属性}）
timestop = false；
如果（attr = = 'opacity）{ / /透明度
obj.style.filter = 'alpha（透明度：+（ogetstyle +速度）+）； / /分配的透明度
obj.style.opacity =（ogetstyle +速度） / 100；
}
{其他
obj。风格{属性} = ogetstyle +速度+ 'px '； / /移动div
}
}
如果（timestop）{ / /如果所有的属性都被执行，然后关掉计时器
ClearInterval（obj。定时器）；
If (fnName) {/ / when the function to be executed after the timer off
FnName（）；
}
}
}，30）
}
/ / ------------------------------------------------------------------------------------