1、打开网站首页模板index.htm，然后在body标签之间添加如下代码。<div class="slide"> <div class租涫疼迟="banner"> <div class="bd"> <ul> <li><a href="/" title="幻灯片图片"><img src="/skin/images/slide.jpg" alt="幻灯片图片"/></a></li> <li><a href="/" title="幻灯片图片"><img src="/skin/images/slide.jpg" alt="幻灯片图片"/></a></li> <li><a href="/" title="幻灯片图片"><img src="/skin/images/slide.jpg" alt="幻灯片图片"/></a></li> </ul> </div> <div class="hd"> <ul> </ul> </div> </div> <script> jQuery(".banner").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:1}); </script> </div>
3、在页面中加载jquery.js文件以及jquery.SuperSlide.2.1.3.js文件，同时增加一个js文件jquery.web.js，如下图所示。
5、到此为止，自动适应不同分辨率的幻灯片就做好了，效果如下。
