<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用fadeTo()方法设置淡入淡出效果的不透明度</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>使用fadeTo()方法设置淡入淡出效果的不透明度</h3>
<span class="red"></span><span class="orange"></span><span class="blue"></span>
<script type="text/javascript">
window.onload(out());
function out(){
$("span").bind("click",function(){
$(this).fadeTo(2000,0,in());
});
}
function in(){
$("span").bind("click",function(){
$(this).fadeTo(2000,0,out());
});
}第一个问题，代码下面的jQuery哪里错了？我这种想法可以实现吗？第二个问题，一开始是想用IF else来写的，但是不知道如何判断span的属性？可以用if else来写嘛？如果可以，怎么写？一开始只写 $("span").bind("click",function(){ $(this).fadeTo(2000,0)}; 可以实现淡出的效果，可是把click换成onmouseover就不行了，这是怎么回事？在慕课网学的，总觉得还有很多属性掌握的不是很牢靠，很多东西用起来问题一大堆。。。有没有详细解释的书推荐一本？
3 回答
黄志明
TA贡献11条经验 获得超13个赞
1.你的代码还是没有灵活运用jQuery，还是用的javascript，里面代码嵌套混用了.
2.当然可以用if else,这个可以通用。在里面获取属性，可以var e = $("span").(eq:index)；获取到指定元素，然后
e.attr("你想获取的属性名");
3.jQuery里面没有onmouseover,只有mouseover，前面的on得去掉，跟js是不一样的。
添加回答
举报
0/150
提交
取消