用jquery懸停時移動圖像

我試圖讓左側的兩個圖標在懸停時向左移動。誰能告訴我爲什麼它不起作用？這裏的小提琴http://jsfiddle.net/JLfvz/ 這裏的HTML用jquery懸停時移動圖像

<div id="socials"> 
    <a href="http://twitter.com/" title="Twitter" class="social"><img  src="http://www.dot.state.oh.us/groups/ohol/PublishingImages/twitter-icon.gif" alt="Twitter"></a> 
    <a href="http://facebook.com/" title="Facebook"><img src="images/fb.png" alt="Facebook"></a><br> 
    <a href="http://youtube.com" title="You Tube" class="social"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRvpJGY5jiR_SO4Hp2d6unwHcR3J-2vHxYOQ_-rVs8ZxUW8Mn5T6UNI1i0L" alt="youtube"></a> 
    <a href="http://linkdin.com" title="Linkd In"><img src="images/in.png" alt="linkdin"></a> 

    </div>

來源

2014-01-20 Esser

帖子你的代碼在你的問題中，並且不要試圖在鏈接到jsFiddle時避開這樣做的SO規則。 – j08691

你需要給孩子img元素，而不是頂級a.social元素更新的CSS：

$(document).ready(function(){ 
    $(".social").hover(function(){ 
     $(this).children().css("left","0"); 
    },function(){ 
     $(this).children().css("left","30px"); 
    }); 
});

更新演示：http://jsfiddle.net/JLfvz/2/

來源

2014-01-20 23:00:42 jmar777

謝謝。我現在就從這裏開始。 – Esser

用jquery懸停時移動圖像

回答

相關問題