1、首先输入代码：
<div class="wrapper">
<div id="focus">
<ul>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/01.jpg" alt="QQ商城焦点图效果下载" /></a></li>
2、然后输入代码：
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/02.jpg" alt="QQ商城焦点图效果教程" /></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/03.jpg" alt="jquery商城焦点图效果" /></a></li>
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/04.jpg" alt="jquery商城焦点图代码" /></a></li>
3、然后再输入代码：
<li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/05.jpg" alt="jquery商城焦点图源码" /></a></li>
</ul>
</div>
</div><!-- wrapper end -->
</body>
4、然后就完成了。
拿这三个来说，每个标签对应一个隐藏的div，当切换到对应的标签时，显示对应的div，这三个是在一个位置罗列，因为每次只显示一个，其它两个隐藏，所以每一个显示的时候都在这个位置，这三个div样式是一样的，只是加载不同的数据ie浏览器中有自带的切换效果可供调用；其它浏览器的话得自己写程序定位，如淡入淡出可以利用设置css的opacity属性实现；
百叶窗可以利用程序生成N个div，每个div的背景图为你要加载的图，然后设置好每个div的位置即可
