2012-08-14 126 views
0

我有兩個div我想模擬滑塊,但實際上不使用滑塊,是否可以使用動畫來模擬div從右側滑入?模擬左右滑動div

$('a.next').click(function(){ 
    $("#inside_work.part-one").hide(); 
    $("#inside_work.part-two").animate('slide', { direction: 'left' }, 500); 
}); 
+0

您可以嘗試使用在DIV上的寬度jQuery的動畫功能。將開始寬度設置爲0%,然後將其設置爲100% – Scorpio 2012-08-14 14:54:23

回答

0

你需要的一切都在這裏。

JQuery Slide Demo

// click 
    $("#inside_work.part-two").click(function() { 
     //options and callback are optional 
     var options = {}; 
     $("#inside_work.part-one").hide(); 
     $("#effect").show("hide", options, 500, callback); 
     return false; 
    }); 

    //callback function 
    function callback() { 
     //anything else you want to do here. 
     //but completely optional 
    };