1slidetoggle 交替slidedown，slideupHtml代码 slide it Slide from bottom Js代码 #39#slidebottom button#39clickfunction thisnextslideToggle2左侧横向交替滑动 Animate Left Html代码 slide it Slide from bottom Js代码 quot#slidewidth buttonquot。

documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39显示#39else quot#leftquotanimatewidth200，quotslowquotquot#hidequotval#39隐藏#39。

这种插件非常多， 你可以挑一个用 如果你要问原理， 关键点是 外层div是一个窗口， 控制好长宽， 设置overflow为hidden， 那么只有在此区域内的内容才会被显示 内容是一堆图片， 通过js控制位置， 比如用relative定位， 通过css控制left， 就是移动效果 如果要轮播， 注意控制边界图片次序。

动画效果，图片从右侧飞入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed50。

就是点击“#anniu”，然后quot#caozuoquotdiv左右移动，我的代码左移了就不能移动回来了 $documentreadyfunction 就是点击“#anniu”，然后quot#caozuoquotdiv左右移动，我的代码左移了就不能移动回来了 documentreadyfunction quot#anniuquotclickfunctionevent。

推荐一个给你，这是代码，详细的你可以看参考资料 fniFadeSlide = functioniSet iSet可选参数说明iSetfield==幻灯区域内的图片集 iSetico==按钮钩子 iSethigh==按钮高亮样式 iSetinterval==图片切换时间 iSetleaveTime==不触发鼠标划入事件的最大时间值 iSetfadeInTime==。

这个是要css，结合js或者jq，才能做出来的网络上都有现成的js代码，可以先学会css，然后自己去套用js代码就可以了。

clickfunction quot#divquotanimate#39marginleft#39#39100px#39，#39fast#39quot#divquotanimate#39marginleft#39#39+=100px#39，#39slow#39quot#divquotanimate#39marginleft#39#390px#39，#39slow#39这样子写就能实现你要的功能的了，具体移动多少，怎么移动，你调一下动画的数据就行了。

setAttributequotsrcquot，dataid1src textinnerText = dataid1text imgid = id catche id = id 1 效果注意图片是本地的 样式这些都可以自己定义。

slideToggle 方法通过使用滑动效果高度变化，显示是从上到下变换，隐藏是从下到上来切换元素的可见状态如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

lt！DOCTYPE html RunJS 演示代码*margin0padding0divwidth50pxheight 30pxbackgroundcolorblackcolorwhitelineheight30pxmarginbottom10pxtextaligncenterpositionfixedright0pxtop100pxfloatrightcursorpointerdivnthchild2top140pxdivnthc。

你判断写反了 下面是滚动到底部弹出代码 $windowscrollfunction 页面滚动判断 if $#39#slidebar#39cssquotleftquot！=0 $documentheight$thisheight$thisscrollTop=100距离底部100时，自动展开 $#39#slidebar#39stopanimateleft#39。

移动位置”4在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong函数5在js标签中，创建yidong函数，在函数内，通过classcontent获得div对象，使用animate方法让div在1秒内向左移动100px6最后在浏览器打开testhtml文件，点击按钮，查看实现的效果。

这个箭头就是CSS3做的，需要现代浏览器支持鼠标移动上去就是hover 伪类样式控制的左右滑动需要JS支持demo547811e4973600163e001348。

这个区域不可以滑动了 只有wrapper的第一个子元素才能实现滑动效果4编写js调用代码 var Scroll = new iScroll#39wrapper#39，hScrollbarfalse， vScrollbarfalse第一参数必需是滑动元素的父元素的id主要参数一览hScroll true， 左右滑动，默认为true vScroll true，上下滑动 hScrollbar。

jQuery拖拽通过八个点改变div大小jsfunction$ *** 默认参数*var defaultOpts = stage document， 舞台item #39resizeitem#39， 可缩放的类名*** 定义类*var ZResize = functionoptions thisoptions = $extend， defaultOpts， optionsthisinitZResizeprototype = in。