0

Jquery から始めたばかりです。html ファイルに jquery ファイル src="http://code.jquery.com/jquery-latest.min.js をインポートします。作成した他の関数もインポートしたいです。同じファイル. 複数の js ファイルをインポートするにはどうすればよいですか?たとえば、html ファイルから新しい js ファイルに準備を分離したい:

enter <!DOCTYPE html>
      <html>
      <head>

      <link rel="stylesheet" type="text/css" href="site.css" />
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
      </script>

      </head>

      <body>

   <h1><b> TWEET PEAK  </b></h1>
   <a class="button_example button_about" href=" menu.html">    </a>

   <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 

    <script> 
        $(document).ready(function(){

        $('img').animate({top:'+=100px'},1000);
    });
</script>

    </body>
    </html>here
4

1 に答える 1

3

JavaScript コードを別のファイルに配置し、別のスクリプト タグを使用してリンクすることをお勧めします。たとえば、JavaScript を「mycode.js」というファイルに入れる場合、次のようにリンクします。

<script type="text/javascript" src="mycode.js"></script>

この例では、mycode.js には以下が含まれます。

$(document).ready(function(){

    $('img').animate({top:'+=100px'},1000);
});

より明確にするために、編集します。

サンプルコードがどのように見えるかを次に示します。 

  <link rel="stylesheet" type="text/css" href="site.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">                                          
  </script>
  <script type="text/javascript" src="mycode.js"></script>
  <style> img { position: relative; } </style>
  </head>

  <body>

<h1><b> TWEET PEAK  </b></h1>
<a class="button_example button_about" href=" menu.html">    </a>

<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/> 


</body>
</html>
于 2013-10-03T12:34:49.757 に答える