鼠标悬停脚本无法正常工作...需要帮助

Question

有人可以试试看看它是否适用于您。我无法弄清楚问题。也许我在某个地方有冲突。使用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> 

Answer 1

作品就好如果你把你的链接一些内容......

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