JQuery运行不了(2)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index6.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!-- hover()opacity 实现 阴影效果 与animate 结合使用 -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$('#contaiter img').animate({
"opacity":.5
});
$('#contaiter img').hover(
function(){$(this).stop().animate({"opacity",1});),
function(){$(this).stop().animate({"opacity",.5});
});
});
</script>
</head>
<body>
<div id="contaiter">
<img src="1.jpg" alt="image" />
<img src="2.jpg" alt="image" />
</div>
</body>
</html>
以上代码运行没效果,谁帮我看看hover方法是否有写...
终于找到问题所在的,还是粗心呀
$('#contaiter img').hover(
function(){$(this).stop().animate({"opacity",1});),
function(){$(this).stop().animate({"opacity",.5});
});
这部分的 function(){$(this).stop().animate({"opacity",1});), 中最后一个字符写错
应该是} 而不是)
视频:http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/
通过视频,编写jquery代码,没有达到效果。原因很简单,老是有些地方写错了,最后找了N久没找出来;人都要崩溃了;
总结:太粗心了 哎