一个人一首歌0
2016-10-14 11:53
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript" src="js/Move.js"></script>
<script>
window.onload=function(){
var div=document.getElementById("move");
var alist=div.getElementsByTagName("a");
for(var i= 0;i<alist.length;i++){
alist[i].onmouseover=function(){
var im=this.getElementsByTagName("i")[0];
startMove(im,{top:-80,opacity:0},function(){
im.style.top=90+'px';
startMove(im,{top:20,opacity:100});
});
}
}
}
</script>
<body>
<div id="move">
<a href="#"><i><img src="images/baoxian.png"/></i><p>保险</p></a>
<a href="#"><i><img src="images/feixing.png"/></i><p>旅游</p></a>
<a href="#"><i><img src="images/dianying.png"/> </i><p>电影</p></a>
<a href="#"><i><img src="images/huafei.png"/> </i><p>话费</p></a>
<a href="#"><i><img src="images/yinyue.png"/> </i><p>音乐</p></a>
<a href="#"><i><img src="images/youxi.png"/> </i><p>游戏</p></a>
</div>
</body>
</html>
你的 css文件呢?
这是效果图
JS动画效果
113924 学习 · 1443 问题
相似问题