【插件】多风格myFocue幻灯片代码
2016-01-30阅读:2499
演示效果:
使用说明:
1、安装插件:
下载附件解压并上传到/Skin/目录下面
2、调用代码:
<script type="text/javascript" src="/Skin/myFocus/js/myfocus-2.0.1.min.js"></script>
<style type="text/css">
#myFocus{width:770px; height:350px;}
</style>
<script type="text/javascript">
//设置
myFocus.set({
id:'myFocus',//ID
pattern:'mF_YSlider'//风格
});
</script>
<div id="myFocus"><!--焦点图盒子-->
<div class="loading"><img src="/Skin/myFocus/img/loading.gif" alt="请稍候..." /></div><!--载入画面(可删除)-->
<div class="pic"><!--图片列表-->
<ul>
<%
set rs=server.CreateObject("adodb.recordset")
sql="select top 5 Item2,Item3 from Cuz_Flash where "&ItemRecT&" order by Seq,ItemID desc"
rs.open sql,conn,1,1
do while not rs.eof
%>
<li><a href="<%=rs("Item3")%>"><img src="<%=rs("Item2")%>" thumb="" alt="" text="" /></a></li>
<%
rs.movenext
loop
rs.close
set rs=nothing
%>
</ul>
</div>
</div>