                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

jQuery写代码用fadeTo()遇到的三个问题

<!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就不行了，这是怎么回事？
在慕课网学的，总觉得还有很多属性掌握的不是很牢靠，很多东西用起来问题一大堆。。。有没有详细解释的书推荐一本？