随菜单而改变的背景图片效果【荐】

字体大小【小中大】来源：CrazyFrom整理 | 作者：CrazyFrom | 709 views | 2011-07-14

今晚给大家介绍一款图片幻灯片+导航的网页特效，只要你选择不同的菜单，图片相应变换，真是太棒了！还可以变出11中特效出来，快！

这11中特效分别是：
1、Show/hide
2、Fade
3、Sequential fade
4、Side slide
5、Side slide (bounce)
6、Sequential slide
7、Up/down
8、Sequential up/down
9、Alternating up/down
10、Alternating up/down (2)
11、Sequential alternating up/down

怎么使用或改变这些效果参数呢？

让我们看下Alternating up/down （2）这个列子吧：

$('#sbi_container').bgImageMenu({
	defaultBg	: 'images/default.jpg',
	menuSpeed	: 300,
	border		: 1,
	type		: {
		mode		: 'verticalSlideAlt',
		speed		: 450,
		easing		: 'easeOutBack'
	}
});

参数使用/设置如下：

defaultBg: 没有标签是，使用默认图片
pos:如果没有defaultBg设置，POS将表明应该显示/打开的图片
width: 容器和图片的宽度（他们的大小一致）
height: 容器和图片的高度
border: 图片中动画之间的距离
menuSpeed: 菜单滑动的速度
mode:图片中的动画变换模式，你可以选择 def | fade | seqFade | horizontalSlide | seqHorizontalSlide | verticalSlide | seqVerticalSlide | verticalSlideAlt | seqVerticalSlideAlt
speed: 图片中的动画变换速度
easing: 图片中的动画缓动效果
seqfactor: 图片中的动画延迟时间