新浪微博文字滚动效果(2)
来源:未知 责任编辑:责任编辑 发表时间:2015-03-01 01:36 点击:次
if(attr=="opacity")
{
weizhi=parseFloat(getAttr(obj,"opacity"));
}
else
{
weizhi=parseFloat(getAttr(obj,attr))
}
if(Math.abs(iTarget-weizhi)<1/100)
{
clearInterval(obj.timer);
obj.timer=null;
if(fnMoveEnd)
{
fnMoveEnd();
}
}
else
{
iSpeed=(iTarget-weizhi)/8;
if(attr=="opacity")
{
obj.style.filter="alpha(opacity:"+(weizhi+iSpeed)*100+")";
obj.style.opacity=weizhi+iSpeed;
}
else
{
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
obj.style[attr]=weizhi+iSpeed+"px";
}
}
};
function leaveMessage()
{
var oText=document.getElementById("txt1");
createDom(oText.value);
oText.value="";
};
function createDom(sTxt)
{
var oUl=document.getElementById("ul1");
var aLi=oUl.getElementsByTagName("li");
var oLi=document.createElement("li");
var iHeight=0;
oLi.innerHTML=sTxt;
oLi.style.filter="alpha(opacity:0)";
oLi.style.opacity=0;
if(aLi.length)
{
oUl.insertBefore(oLi,aLi[0])
}
else
{
oUl.appendChild(oLi)
}
//开始运动 www.2cto.com
iHeight=oLi.offsetHeight;
oLi.style.height="0px";
oLi.style.overflow='hidden';
startMove(oLi,"height",iHeight,function(){
相关新闻>>
- 发表评论
-
- 最新评论 更多>>