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

/ / 2016-07-25   阅读:2556
演示效果:使用说明: 1、引入 jQuery库 2、安装插件:点击下载 下载附件解压并上传到/Skin/目录下面 3、调用代码:<div class="banner" id="banner" > &l...

演示效果



使用说明:

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

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈