html跳转从左到右滑动效果,jquery怎么实现从右到左滑出来的效果？

引入jquery。js，复制以下代码，即可运行1，?2，。slide{?3，position:relative;?4，height:200;?5，lightyellow;?6，}?7，8，。slide。inner{?9，position:absolute;?10，left:0;?11，bottom:0;?12，height:100;?13，lightblue;,14，width:100%15，}?16，1、slidetoggle()交替slidedown(),slideup()Html代码??slideit???Slidefrombottom??Js代码$('#slidebottombutton')。

click(function(){?$(this)。next()。slideToggle();?});2、左侧横向交替滑动AnimateLeftHtml代码??slideit???Slidefrombottom??Js代码$("#slidewidthbutton")。

click(function(){?$(this)。next()。animate({width:'toggle'});?});3、左侧横向交替滑动AnimateLeftMargin(非隐藏)Html代码??slideit???Slidefrombottom??Js代码$("#slideleftbutton")。

click(function(){?var$lefty=$(this)。next();?$lefty。animate({?left:parseInt($lefty。css('left'),10)==0?-$lefty。outerWidth():0?});?});4、右侧横向滑动SlidetorightHtml代码??slideit???Slidefrombottom??Js代码$("#slidemarginleftbutton")。

click(function(){?var$marginlefty=$(this)。next();?$marginlefty。animate({?marginLeft:parseInt($marginlefty。css('marginLeft'),10)==0?$marginlefty。

outerWidth():0?});?});。

全部