0

わかりましたので、いくつかの固有の問題があります。まず、jquery が機能しません。私はそれをhtmlに正しく入れていない可能性が非常に高いので、かなりの量のコードを放り出して確認します。

基本的に、divクラスがロールオーバーされたときにロールオーバークラスの画像をホバー状態に変更する必要があります（divクラスの表示をブロックに変更するcssがあります）よし、ここにhtmlがあります

<div id="header">
<div class="home" id="home" ><a href="index.html"><p><img src="images/home-crown.png" class="rollover" width="100px" /></p></a></div>


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></script>
<script type="text/javascript" src="js/load-it-up.js"></script>

/そうそう...ここでその画像を交換しようとしているのはjqueryです

$(document).ready(function(){

 $("img.rollover").hover(
      function() 
        {this.src = this.src.replace("images/home-crown.png","images/home-crown-hover.png");},
      function() 
        {this.src = this.src.replace("images/home-crown-hover.png","images/home-crown.png");}
 ); 
});

複数のソリューションを試したので、本当にイライラしました。どんな助けでも大歓迎です。それはおそらく何か愚かなことです:P

現在、画像をロールオーバーしようとしています（少なくとも）divがロールオーバーされたときにロールオーバーをアクティブにしたい（#home div）

4

1 に答える 1

0

これを試して。

$("img.rollover").hover(
   function(){
      $(this).attr("src","images/home-crown-hover.png");
   },
   function(){
      $(this).attr("src","images/home-crown.png");
   }
);
于 2013-03-29T01:52:02.817 に答える