2011-07-16 13 views
1

私はホバーの背景をスライドしようとしています。 以下のコードをHTML Webページで使用しましたが、正しく動作しました。 しかし、ASPXページで使用しようとすると、最初にこのエラーが発生しました。 "Microsoft JScriptランタイムエラー: '$'が宣言されていません。 したがって、first $を関数の前に削除しました。しかし、私はまだそれを動作させることができませんでした。 なぜそれが機能しないのでしょうか? コードは次のとおりです。Asp.NetとJavaScript:画像スライドの問題

<head runat="server"> 
    <title></title> 
    <script type="text/javascript"> 
     $(function() { 
      $("#vertical div a").hover(function() { 
       $("img", this).stop().animate({ top: "-173px" }, { queue: false, duration: 400 }); 
      }, function() { 
       $("img", this).stop().animate({ top: "0px" }, { queue: false, duration: 400 }); 
      }); 
     }); 
    </script> 
    <style type="text/css"> 
     .altikisilik 
     { 
      display: block; 
      background: url('Images/Default/Brazil_bg.png') top; 
     } 

     #vertical div 
     { 
      position: relative; 
      overflow: hidden; 
     } 
     #vertical img 
     { 
      position: absolute; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="vertical" class="clear" runat="server"> 
     <div> 
      <a class="altikisilik" href="Default.aspx"> 
       <img src="Images/Default/Brazil.png" border="0" alt="Brazil" /> 
      </a> 
     </div> 
    </div> 
    </form> 
</body> 

答えて

0

私はjQueryのスクリプトは、あなたのコードのどこに含める見ることができません。私はそれが問題になると思う。

+0

私はそれが欠場する本当のダムポイントだったことは知っていますが、私は自分自身がそのばかだと思っていませんでした。申し訳ありませんが、お返事ありがとうございます。今、行動があります。 – kubilay

+0

その簡単な間違い;) – Atzoya

0

JavaScriptの残りの部分にjqueryライブラリを含める必要があります。 www.jquery.comを.ORあなたはjqueryのファイルをインポートする必要があり、実際.IN GoogleのAPIサポートを使用します。

<script src="http://code.jquery.com/jquery-1.6.2.min.js" /> 
+0

ありがとう、それは問題でした。私はローカルに追加しましたが、リモートリンクのおかげで、それは良いでしょう。 – kubilay

0

あなたはサイトからjquery.jsをダウンロードしてください。以下のいずれかを選択します。

この方法をあなたがあなたのサイトを置くフォルダにサイトwww.jquery.comからjqueryの-1.6.2.min.jsダウンロードを置く必要があり、

または単にGoogleサポートを使用してください:

+0

ありがとう、私は愚かなJqueryを追加することを忘れました。今は大丈夫です。 – kubilay