js实现运动的框架实例

最新推荐文章于 2024-07-12 16:42:46 发布

weixin_30484247

最新推荐文章于 2024-07-12 16:42:46 发布

阅读量56

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/actiondream/p/5790209.html

版权

html代码：鼠标移入时多物体实现高宽同时变化接着改变透明度

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="t.css">
<script type="text/javascript" src="jstest.js"></script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

js代码：

window.οnlοad=function(){
var test1=document.getElementsByTagName('li');
for(var i=0;i<test1.length;i++)
{
test1[i].timer=null;
test1[i].alpha=30;
//test1[i].speed=0;
test1[i].οnmοuseοver=function(){
var g=this;
getmove(this,{height:100,width:400},function(){
getmove(g,{opacity:100})
});
};
test1[i].οnmοuseοut=function(){
var g=this;
getmove(this,{opacity:30},function(){
getmove(g,{height:70,width:300})
});
};
}
};
//a1是目标值，obj为对象，attrr是需要的属性，fn回调函数

}
},30);}
//获取当前样式值的函数表达式
function getStyle(obj,attrr){
if(obj.currentStyle){
return obj.currentStyle[attrr];
}else{
return getComputedStyle(obj,false)[attrr];
}
}

转载于:https://www.cnblogs.com/actiondream/p/5790209.html

weixin_30484247

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现运动的框架实例

html代码：鼠标移入时多物体实现高宽同时变化接着改变透明度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href=...
复制链接

扫一扫