2010-10-13 90 views
0

有人可以試試看看它是否適用於您。我無法弄清楚問題。也許我在某個地方有衝突。使用jQuery。鼠標懸停腳本無法正常工作...需要幫助

非常感謝您的幫助。

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('a').mouseover(function() { 
    switch ($(this).attr('class')) { 
    case 'nc1': 
    new_content = 'Twitter'; 
    break; 

    case 'nc2': 
    new_content = 'Facebook'; 
    break; 

    case 'nc3': 
    new_content = 'Linked In'; 
    break; 

    case 'nc4': 
    new_content = 'Flickr'; 
    break; 
    case 'nc5': 
    new_content = 'RSS Feed'; 
    break; 

    case 'cs1': 
    new_content = 'Email'; 
    break; 
    case 'cs2': 
    new_content = 'Telephone'; 
    break; 

    case 'cs3': 
    new_content = 'Live Chat'; 
    break; 

    case 'cs4': 
    new_content = 'Skype'; 
    break; 

    case 'cs5': 
    new_content = 'Google Voice'; 
    break; 

    default: 
    new_content = 'The crusade to feed every orphan in the world'; 
    break; 
    } 

    $('#ms').html(new_content) 
    }).mouseout(function() { 
    $('#ms').text('The crusade to feed every orphan in the world'); 
    });}); 
    </script> 




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

    <div id="nc_wrap2"> 
    <a class="nc1" href="#"></a> 
    <a class="nc2" href="#"></a> 
    <a class="nc3" href="#"></a> 
    <a class="nc4" href="#"></a> 
    <a class="nc5" href="#"></a> 
    </div> 
+0

請標記您的問題 – 2010-10-13 17:23:33

回答

1

作品就好如果你把你的鏈接一些內容......

例如在http://www.jsfiddle.net/x4Lm4/

+0

我發現了一個矛盾:$(文件) .ready(function(){。{.preloadCssImages(); }); – Erik 2010-10-13 17:43:56

+0

@Erik,你的評論中的代碼不會出現在問題的代碼中。我假設你的樣式在CSS中有大小並且有圖像背景? – 2010-10-13 17:48:51