特效介绍
jquery六屏可左右循环滚动的图片轮播效果,完美兼容IE6,请放心使用。
使用方法
1、在头部引入下面代码:<LINK rel=stylesheet type=text/css href="css/5imoban.net.css"> <SCRIPT type=text/javascript src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></SCRIPT> <SCRIPT type=text/javascript charset=utf-8 src="js/lrscroll.js"></SCRIPT>2、把以下代码拷贝到你想引用的地方
<DIV id=featureContainer> <DIV id=feature> <DIV id=block> <DIV id=botton-scroll> <UL class=featureUL> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt=Paracletos src="images/01.jpg" width=240 height=150> </A></DIV> <!-- /box --></LI> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt="Natural Touch Soap" src="images/02.jpg" width=240 height=150> </A></DIV> <!-- /box --></LI> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt="LRTK" src="images/03.jpg" width=240 height=150> </A></DIV> <!-- /box --></LI> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt="Natalie Reid" src="images/04.jpg" width=240 height=150> </A></DIV> <!-- /box --></LI> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt="xixi" src="images/05.jpg" width=240 height=150> </A></DIV> <!-- /box --></LI> <LI class=featureBox> <DIV class=box><A href="http://www.5imoban.net/" target="_blank"><IMG alt="Catherine Sherwood" src="images/06.jpg" width=240 height=150> </A></DIV> <!-- /box --> </LI></UL></DIV><!-- /botton-scroll --></DIV><!-- /block --><A class=prev href="javascript:void();">Previous</A><A class=next href="javascript:void();">Next</A> </DIV> <!-- /feature --></DIV><!-- /featureContainer --> <DIV id=wrap><SPAN id=load>LOADING...</SPAN></DIV><!-- /wrap --></DIV><!-- /featured --></DIV><!-- /body --></DIV><!-- /wrapper -->