我导入了jquery怎么无法使用
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>jQurey</title><scriptsrc="../js...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQurey</title>
<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('#move a').mouseenter(function(){
$(this).find('i').animate({'top':'25px','opacity':'0'},300);
});
</script>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#move{
padding: 10px;
width: 298px;
background-color: #F4F4F4;
margin: 10px auto;
/*margin-top: 20px;*/
border: 1px solid #CCCCCC;
}
#move a{
display: inline-block;
width: 58px;
height: 25px;
border: 1px solid #DDDDDD;
background-color: #FFF0F0;
border-radius: 3px;
text-align: center;
margin: 10px 17px;
position: relative;
padding-top: 40px;
color: #9c9c9c;
font-size: 12px;
text-decoration: none;
line-height: 25px;
overflow: hidden;
}
#move a i{
position: absolute;
top: 16px;
left: 0px;
display: inline-block;
width: 100%;
text-align: center;
filter: alpha(opacity:100);
opacity: 1;
}
#move a:hover{
color: #F00;
}
#move img{
border: none;
}
</style>
</head>
<body>
<div id="move">
<a href="#"><i><img src="../img/game.png"></i><p>游戏</p></a>
<a href="#"><i><img src="../img/insurance.png"></i><p>保险</p></a>
<a href="#"><i><img src="../img/moive.png"></i><p>电影</p></a>
<a href="#"><i><img src="../img/money.png"></i><p>理财</p></a>
<a href="#"><i><img src="../img/music.png"></i><p>音乐</p></a>
<a href="#"><i><img src="../img/tour.png"></i><p>游戏</p></a>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8">
<title>jQurey</title>
<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('#move a').mouseenter(function(){
$(this).find('i').animate({'top':'25px','opacity':'0'},300);
});
</script>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#move{
padding: 10px;
width: 298px;
background-color: #F4F4F4;
margin: 10px auto;
/*margin-top: 20px;*/
border: 1px solid #CCCCCC;
}
#move a{
display: inline-block;
width: 58px;
height: 25px;
border: 1px solid #DDDDDD;
background-color: #FFF0F0;
border-radius: 3px;
text-align: center;
margin: 10px 17px;
position: relative;
padding-top: 40px;
color: #9c9c9c;
font-size: 12px;
text-decoration: none;
line-height: 25px;
overflow: hidden;
}
#move a i{
position: absolute;
top: 16px;
left: 0px;
display: inline-block;
width: 100%;
text-align: center;
filter: alpha(opacity:100);
opacity: 1;
}
#move a:hover{
color: #F00;
}
#move img{
border: none;
}
</style>
</head>
<body>
<div id="move">
<a href="#"><i><img src="../img/game.png"></i><p>游戏</p></a>
<a href="#"><i><img src="../img/insurance.png"></i><p>保险</p></a>
<a href="#"><i><img src="../img/moive.png"></i><p>电影</p></a>
<a href="#"><i><img src="../img/money.png"></i><p>理财</p></a>
<a href="#"><i><img src="../img/music.png"></i><p>音乐</p></a>
<a href="#"><i><img src="../img/tour.png"></i><p>游戏</p></a>
</div>
</body>
</html> 展开
2个回答
展开全部
你这么写法的话,你的jquery-1.9.1.js需要在你当前文件的上一级目录下的js目录才行。
如果你的jquery-1.9.1.js在当前文件的目录,那么你要改成
<script src="jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询