首页 > 图片特效 / jquery特效插件 / > 很酷的apple风格商品展示效果_jquery菜单效果

很酷的apple风格商品展示效果_jquery菜单效果

点击: 4072 , 发布日期: 2012-2-9
很酷的apple风格商品展示效果_jquery菜单效果

很酷的apple风格商品展示效果_jquery菜单效果

很酷的商品列表展示效果,跟apple的效果一样,点击切换点当然商品从右向左一个接着一个的滑动隐藏的同时,下一组图片从右向左一个接着一个的向左滑动出现。是一个很好的jquery插件,可以用于商品展示也可用于菜单导航使用。

jquery插件参数说明:

 

* div:        Where the slide-menu will go. ("#menu-container")
	 * controls:   Where are the controls for the menu. ("#menu-controls")
	 * loader:     If you are using a loading graphic, the menu will hide it for you once loaded. If not,
	 *               set it to 'false' or ''. (false)
	 * x:          Total width of list item including margins and padding in px. (150)
	 * y:          Total height of list item including margins and padding in px. (150)
	 * start:      Index of <ul> to open first. (0)
	 * speed:      Speed of all animations in ms . (300)
	 * delay:      Delay between list item animations when transitioning in ms. (60)
	 * easing:     Type of easing to use for list item animations, use '' for no easing effect. ('')
	 *               FYI - "easeOutBackSmall" is a custom addition I made for this demo, it is not included in the
	 *               standard set of easing animations.
	 * easeIn:     Type of easing to use for initial drop-in animation, use '' for none. ('')
	 *               This demo includes the jQuery easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/
	 *               Supported easing methods in the plugin are listed and demoed at the above url.
	 * preloadAll: Wait for all menu images to load before animating in, or just the first set? (false)
	 *               By default, with this set to false, the menu will wait until all images in the first menu set are
	 *               loaded before the beginning animation is fired. If set to true, it will wait for all menu images to load.
	 */

在此基础上进行了一些修改,实现图片循环切换时只循环一次,返回到第一张图片:文件包下载

关键词: jquery+css

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论