1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js改变宽高字体大小透明度多物体模块运动

js改变宽高字体大小透明度多物体模块运动

时间:2020-04-07 23:40:12

相关推荐

js改变宽高字体大小透明度多物体模块运动

改变宽高字体大小透明度<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实现多物体同时运动,可填写物体的宽高字体大小及透明度

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。