結合兩個或更多功能

我有10個圖像，每個都有一個1-10級如何讓這個功能適用於每個班級？與class =「1」一起工作良好。只是不確定如何將它們添加到一起？結合兩個或更多功能

<body> 
<div> 
    <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic"> 
    <img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2"> 
</div> 
<div class="project"></div> 
<script> 
var title = $(".1, .2").attr("title"); 
$(".project").text(title); 
$(document).ready(function() { 
    $(".project").fadeTo(0,0); 
    $(".1, .2").hover(
     function() { 
      $(".project").stop(true).fadeTo("normal",1); 
     }, 
     function() { 
      $(".project").fadeTo("normal",0); 
     } 
    );  
}); 
</script> 
</body>

來源

2012-02-28 Scott Pedder

檢查http://jsfiddle.net/skram/qQANX/ - >我剛剛將我的代碼替換在那裏.. – 2012-02-28 22:46:25

只需將其添加爲一個逗號分隔值，

$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

或添加其他類的元素，並將它們組，然後就可以了，

$(".grouped").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

來源

2012-02-28 21:54:57

謝謝，我已經試過了。但是當我將鼠標懸停在第二張圖像上時，我從圖像中獲得了標題？ – 2012-02-28 22:01:38

@ScottPedder那是因爲你有外面的標題集。檢查我的編輯代碼。 – 2012-02-28 22:05:06

謝謝，但同樣的故事？我想爲每個圖像保留一個單獨的類名稱？ – 2012-02-28 22:20:10

類的名字開始與數字無效。你應該改變這一點。

無論如何，類名通常用於選擇項目組。只需爲所有商品添加第二個類名稱，然後使用該名稱而不是.1。

來源

2012-02-28 21:56:36

Thankyou，但仍然顯示圖像的標題，當我懸停在圖像2？ – 2012-02-28 22:21:58

結合兩個或更多功能

回答

相關問題