【插件】jquery全屏banner自动轮播切换

2016-07-25阅读:2558

演示效果



使用说明:

1、引入 jQuery库

2、安装插件:

点击下载

下载附件解压并上传到/Skin/目录下面


3、调用代码:

<div class="banner" id="banner" >
<%
set rs=server.CreateObject("adodb.recordset")
sql="select top 5 Item2,Item3 from Cuz_Flash where "&ItemRecT&" order by Seq,ItemID asc"
rs.open sql,conn,1,1
rscount=rs.recordCount
do while not rs.eof
%>
<a href="<%=rs("Item3")%>" class="d1" style="background:url(<%=rs("Item2")%>) center no-repeat;"></a>
<%
rs.movenext
loop
rs.close
set rs=nothing
%>
<div class="d2" id="banner_id">
<ul>
<%for rsi=1 to rscount%>
<li></li>
<%next%>
</ul>
</div>
</div>
<link rel="stylesheet" type="text/css" href="Skin/fullsider/css.css" />
<script type="text/javascript" src="Skin/fullsider/js.js"/></script>
<script type="text/javascript">banner()</script>


4、调整焦点图的高度:修改/Skin/fullsider/css.css

大家都爱看
查看更多热点文章