javascript滑動div左/右

Hy guys！我想製作div的滑動切換效果。以下是我的html文件中的代碼。我的div是500px寬×50px高。當在div內的第一個圖像上按下時，我想讓它在屏幕上向左/向右滑動。這是一個包含一些圖標的工具箱。 left - left.jpg的第一張圖片應該是swop圖片（某種按鈕 - 這是一個向左的箭頭，移動div後，這個箭頭應該指向右側 - 我的意思是圖片應該改變）。我查看了網頁，看到了jQuery的不同示例，但無法找到滿足我需求的確切解決方案。我知道這是一個很棒的社區，希望有人能幫助解決這個問題！先謝謝你！！！javascript滑動div左/右

<script> 
$(function(){ 
$("#clicky").click(function(){ 
    $("#slide").animate({marginLeft:'500px'},'slow'); 
}); 
}); 
</script> 
<div id="slide"> 
<img id="clicky" src="left.jpg" width="15" height="15" /> 
Div Content here...</div>

來源

2012-06-20 Ljubo Valevski

http://whathaveyoutried.com/ –

你找到或試過你的代碼？ – manny

當你按下它時，你想浮動圖像到右邊？ – lolo

作爲第三個參數，你可以通過在動畫完成後，將被解僱的功能。這樣的事情：

$("#slide").animate({marginLeft:'500px'},'slow', function(){ 
    $("img#clicky").attr("src", "right.jpg"); 
});

來源

2012-06-20 14:18:06

是的，這適用於拍攝圖像 - 謝謝！但是切換div呢？ –

你可以查看鏈接：http://www.k-prim.biz/test/test.html –

javascript滑動div左/右

回答

相關問題