多個鼠標懸停鏈接改變一個單獨的DIV內容

Question

我有五個鏈接，我想改變相同的單獨的DIV內容。每個鏈接都有不同的內容。在mouseleave上，我需要在單獨的DIV內部返回默認文本。

有沒有人已經做過或可以指導我？我更喜歡jQuery。

謝謝！

Answer 1

$("a.link").mouseleave(function() { 
    $("#sepdiv").text($(this).text()); 
}); 
//share the same class ("link" as an example) with all your links. and have an id for the separate div 

你的問題不清楚，我沒有任何代碼可以基於此，但我希望這是你在哪裏尋找。讓我知道，所以我可以編輯我的答案！

編輯：

看着註釋共享網站後：

JS

$(document).ready(function() { 
    //this is your code - just add it all under one document load 
    $.preloadCssImages(); 
    $('#slider').nivoSlider(); 


    $('a.share-links').hover(function() { 
    $('#ms').text($(this).text()); 
    }, function() { 
    $('#ms').text(function() { 
     return $(this).attr("title"); 
    }); 
    }); 
}); 

CSS

.share-links 
{ 
    text-indent:-9999px; 
} 

HTML

<div id="ms" title="Our crusade to feed every orphan in the world."> 
    Our crusade to feed every orphan in the world. 
</div> 

<div id="nc_wrap2"> 
    <a class="nc1 share-links" href="#">Facebook</a> 
    <a class="nc2 share-links" href="#">Twitter</a> 
    <a class="nc3 share-links" href="#">..</a> 
    <a class="nc4 share-links" href="#">..</a> 
    <a class="nc5 share-links" href="#">..</a> 
</div> 

我希望這樣更好！