改变宽高字体大小透明度
<script type="text/javascript">
window.onload = function() {
var div1 = document.getElementsByTagName("div");
for(var i = 0; i < div1.length; i++) {
div1[i].timer = null;
div1[i].onmouseover = function() {
startMove(this, 'opacity', 100);
}
div1[i].onmouseout = function() {
startMove(this, 'opacity', 30);
}
}
}
function startMove(obj, attr, itargart) {
clearInterval(obj.timer);
obj.timer = setInterval(function() {
var cur = 0;
if(attr == 'opacity') {
cur = Math.round(parseFloat(getStyle(obj, attr)) * 100);
} else {
cur = parseInt(getStyle(obj, attr));
}
var speed = (itargart - cur) / 6;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if(itargart == cur)
{
clearInterval(obj.timer);
}
else
{
if(attr == 'opacity')
{
obj.style.filter = 'alpha(opacity:' + (cur + speed) + ')';
obj.style.opacity = (cur + speed) / 100;
}
else
{
obj.style[attr] = cur + speed + 'px';
}
}
}, 30);
}
function getStyle(obj, name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name];
}
else
{
return getComputedStyle(obj, false)[name];
}
}
</script>
纯js实现多物体同时运动,可填写物体的宽高字体大小及透明度
js改变宽高字体大小透明度多物体模块运动
最新推荐文章于 2022-12-21 17:33:45 发布