在jQuery控件的不同方向上滑动（向祚，滑动到右边，等等）

对jquery.js介绍，复制下面的代码，可以运行。



{。滑
职位：相对；
身高：200；
嫩黄；
}

slide.inner {。
位置：绝对；
左：0；
底部：0；
身高：100；
浅蓝色；
宽度：100%
}



1、slidetoggle交替slideDown（）（）（），slideup

HTML代码




滑动


幻灯片从底部




JS代码


$（# slidebottom按钮）。Click（function（）{）
$（这）。下（）SlideToggle（）；
}）；


2左向左交替滑动动画左

HTML代码




滑动


幻灯片从底部




JS代码


$（# slidewidth按钮）。Click（function（）{）
$（这）。下一个（），动画（{宽度：触发}）；
}）；


3，左横向交替滑动动画左边缘（非隐藏）

HTML代码




滑动


幻灯片从底部




JS代码


$（# slideleft按钮）。Click（function（）{）
左撇子= $（var $这一（））；
lefty.animate美元（{
左：parseInt（$ lefty.css（右），10）= = 0（0）：lefty.outerwidth美元
}）；
}）；


4，右侧滑动至右侧滑动。

HTML代码




滑动


幻灯片从底部




JS代码


$（# slidemarginleft按钮）。Click（function（）{）
marginlefty = $（var $这一（））；
marginlefty.animate美元（{
marginleft：parseInt（$ marginlefty.css（'marginleft '），10）= = 0美元marginlefty.outerwidth（）：0
}）；
}）；