2012-08-14 190 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 
    };