JavaScript写代码用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());
              
              });
           }

http://img.mukewang.com/5736970b00019f9e15070587.jpg

  1. 第一个问题,代码下面的jQuery哪里错了?我这种想法可以实现吗?

  2. 第二个问题,一开始是想用IF else来写的,但是不知道如何判断span的属性?可以用if else来写嘛?如果可以,怎么写?

  3. 一开始只写 $("span").bind("click",function(){  $(this).fadeTo(2000,0)};   可以实现淡出的效果,可是把click换成onmouseover就不行了,这是怎么回事?

  4. 在慕课网学的,总觉得还有很多属性掌握的不是很牢靠,很多东西用起来问题一大堆。。。有没有详细解释的书推荐一本?


黄志明
浏览 1630回答 3
3回答

pardon110

如果一定要用,建议先将jQuery手册基本的过一遍。

黄志明

1.你的代码还是没有灵活运用jQuery,还是用的javascript,里面代码嵌套混用了.2.当然可以用if else,这个可以通用。在里面获取属性,可以var e = $("span").(eq:index);获取到指定元素,然后e.attr("你想获取的属性名");3.jQuery里面没有onmouseover,只有mouseover,前面的on得去掉,跟js是不一样的。

化龙贝

window.onload 是属性,是委托, 不是函数建议打好 Javascript 基础,再用 jQuery其它的我不想回答了, 因为我不开心  ̄へ ̄
打开App,查看更多内容
随时随地看视频慕课网APP