人上一百,形形色色,最近遇到了一个奇葩的客户,一定要在首页展示所有产品分类并且可以切换还可以分页浏览。虽然咱们理解不了高人的想法。但为了生活,还是要硬着头皮去把这个效果给实现了。
最终效果如下图:
这种情况要同时使用选项卡插件和Jpage插件了。
处理思路:用模板标签循环输出“容器1分页1”,“容器2分页2”,“容器3分页3”(各种CMS都有提供了不同的方法)这样的结构。然后再利用for循环来渲染多个Jpage。
<script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>
<link rel="stylesheet" href="jPages.css">
<script type="text/javascript" src="jPages.js"></script>