慕函数7258168
2017-05-21 10:28
function smove(obj,json,fn){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var attr in json)
{
if(attr== 'opacity')
{
var cc = parseFloat(getStyle(obj,attr)) *100;
var speed=(json[attr]-cc)/5; //算速度
}
else{
var cc = parseInt(getStyle(obj,attr));
var speed = (json[attr]-cc)/8;
}
speed=speed>0?Math.ceil(speed):Math.floor(speed);
//检测停止
if(cc==json[attr]){
clearInterval(obj.timer);
if(fn){
fn();
}
}
else
{
if(attr== 'opacity'){
obj.style.opacity=(cc+speed)/100;
}
else{
obj.style[attr]=cc+speed+"px";
}
}
}
},30)
}
``搞定了`` 一脸懵逼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="move.js"></script>
<style>
*{margin:0; padding:0;}
li{
width: 100px;
height: 100px;
border:2px blue solid;
background-color: yellow;
margin-bottom: 15px;
opacity: 0.3;
}
</style>
<script>
window.onload=function(){
var oli=document.getElementById('li1');
oli.onmouseover=function(){
smove(oli,{width:500, height:500});
}
}
</script>
</head>
第二行直接加alert 毫无反应`` 求大神
JS动画效果
113923 学习 · 1443 问题
相似问题
回答 2
回答 3