0

jQuery スクリプトについて助けが必要です。imgマウスをホバーすると.conceptcontentクラスが表示され、マウスが離れたときにimg元に戻りますが、.conceptcontentクラスを非表示にすることはできますか?

(function ($) {
    $(".img-swap").hover(

        function () {
            this.src = this.src.replace("_off", "_on");
            $(".conceptcontent").show("slow");
        },

        function () {
            this.src = this.src.replace("_on", "_off");

        });

    var imgSwap = []; $(".img-swap").each(function () {
        imgUrl = this.src.replace("_off", "_on");
        imgSwap.push(imgUrl);
    });

    $(imgSwap).preload();
})(jQuery);

html

 <title>Untitled Document</title>

 </head>
 <body>
<!--background-->
<div id="intro">
<h1 id="rubrik">Josef Carlsson</h1>
</div>


<div class="meny">
<div id="home"><img src="iconer/home_off.svg" class="img-swap"></div> 
<div id="about"><img src="iconer/ommig_off.svg" class="img-swap"></div> 
<div id="design"><img src="iconer/design_off.svg" class="img-swap"></div> 
<div id="internet"><img src="iconer/internet_off.svg" class="img-swap"></div>
<div id="camera"><img src="iconer/kamera_off.svg" class="img-swap"></div>
<div id="concept"><img src="iconer/koncept_off.svg" class="img-swap"></div> 
 </div>

 <div class="menytext">
<div id="hometext">Start</div>
<div id="abouttext">About me</div>
<div id="designtext">Design</div>
<div id="internettext">Webb</div>
<div id="cameratext">Pictures</div>
<div id="concepttext">Concepts</div> 
 </div>

 <ul class="conceptcontent">
<li>emotion</li>
<li>[in]sight</li>
<li>will i make it</li>
<li>trace</li>
    <li>datemate</li>
    <li>pacman</li>
</ul>

これは使用されるhtmlです

4

3 に答える 3

0

マウスオーバーに対して行ったことの反対は次のようになります。

...
$(".img-swap").hover(
  function(){
    this.src = this.src.replace("_off","_on");
    $(".conceptcontent").show("slow");
  },
  function(){
    this.src = this.src.replace("_on","_off");
    $(".conceptcontent").hide("slow");
  }
);
...

編集： 私は他の人よりも遅く入力しました...フォーマットの修正には1、2分かかったと思います;）

于 2013-04-10T19:54:08.980 に答える