superslide 使用入门

superslide 使用

 

http://down.admin5.com/demo/code_pop/18/562/

 

1.焦点图 / 幻灯片

 

jQuery(".slideBox").slide( { mainCell:".bd ul",effect:"left",autoPlay:true} );

 

 

2.标签切换 / 书签切换 / 默认效果

     jQuery(".slideTxtBox").slide();

 

 3.图片滚动-左

jQuery("#leftMarquee").slide( { mainCell:".bd ul",effect:"leftMarquee",vis:3,interTime:40,autoPlay:true } );

 

 

 

banner  轮播代码实例

<div class="banner">
	<div id="slideBox" class="slideBox">
    	<div class="bd">
        	<ul>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
               <li><a href="" target="_blank"><img src="images/banner.jpg" /></a></li>
            </ul>
        </div>
        <div class="hd">
        	<ul><li></li><li></li><li></li><li></li></ul>
        </div>
     </div>
     <script type="text/javascript">
     	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
     </script>
</div>