jQuery插件：QQWorldOpen

这是一种在窗口內以滑动的形式展示图文内容的幻灯片！

HTML

<ul id="open">
	<li>
		<div class="open"><img src="images/01.jpg" width="400" height="200" /></div>
		<img src="images/05.jpg" width="400" height="200" />
	</li>
	<li>
		<div class="open"><img src="images/02.jpg" width="400" height="200" /></div>
		<img src="images/06.jpg" width="400" height="200" />
	</li>
	<li>
		<div class="open"><img src="images/03.jpg" width="400" height="200" /></div>
		<img src="images/07.jpg" width="400" height="200" />
	</li>
	<li>
		<div class="open"><img src="images/04.jpg" width="400" height="200" /></div>
		<img src="images/08.jpg" width="400" height="200" />
	</li>
</ul>

CSS

#open {
	margin: auto;
	width: 852px;
	height: 420px
}
#open li {
	float: left;
	margin: 10px;
	list-style: none;
	width: 400px;
	height: 200px;
	padding: 2px;
	border: 1px solid #000;
	background: #fff;
}

Javascript

jQuery('#open').QQWorldOpen();

插件说明 documentation

1. itemTag: 'li', //单位的标签名
2. openClass: '.open', //浮动层的选择器
3. speed: 500, //动画播放速度
4. direction: 'random', //打开的方向，默认值是"random", 还包括 "up", "down", "left", "right", 'right_up', 'right_down', 'left_down', 'left_up'
5. easing: 'random', //easing 代码字符串