0

いくつか問題があります。ページが読み込まれると、このテキスト行が自動的にフェードインおよびフェードアウトするようにします。しかし、今は何もしていません。私が見逃しているものはありますか?

これが私のコードです。最近、このトピックに似た以前のstackoverflowの投稿を見ていましたが、うまく動作しません。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="js/jquery-1.6.3.min.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script>
  $(document).ready(function()
  {
    function fade(element)
    {
      var op = 1;
      // initial opacity
      var timer = setInterval(function()
      {
        if (op <= 0.1)
        {
          clearInterval(timer);
          element.style.display = 'none';
        }
        element.style.opacity = op;
        element.style.filter = 'alpha(opacity=' + op * 100 + ")";
        op -= op * 0.1;
      }, 50);
    }//closes function

  });
  //closes document.ready function
</script>
</head>
<body>
<div id="fade" style="background-color:#66FFFF;width:500px;
height:100px;text-align:center;">
  <br />
  "This text should fade in and out"
</div>
<br />
<br />
</body>

4

2 に答える 2

1

また、fadeToggle() を使用してコードを簡素化することもできます (独自のフェード ロジックを使用する場合を除く)。

$(document).ready(function(){
    setInterval(function(){
        $("#fade").fadeToggle(400);
    }, 1500);
});

あなたがまばたきタグのように振る舞うことを本当に望んでいると仮定します! :-)

フィドルを調べる

于 2013-07-04T19:34:27.563 に答える
1

初期化の最後にメソッドを呼び出すのを忘れたと思います。追加：

     fade($("#fade"));
于 2013-07-04T19:23:06.100 に答える