以前用flash做首页图片轮播。最近的网站里用到一个插件MyFocus插件焦点图插件
用法如下:
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript"> //设置 myFocus.set({ id: ‘myFocus‘, //ID pattern: ‘mF_taobao2010‘//风格 }); </script> <div id="myFocus"> <div class="loading"> <img src="images/loading.gif" alt="请稍候..." /></div> <div class="pic"> <ul> <asp:Repeater ID="List_pic" runat="server"> <ItemTemplate> <li><a href="/Detail.aspx?id=<%#Encrypt.MD5Encrypt(Eval("NewsNo").ToString()) %>"> <img src="<%# Eval("PicURL") %>" thumb="" alt="<%# Encrypt.subContent(Eval("NewsTitle").ToString(), 24)%>" /></a></li> </ItemTemplate> </asp:Repeater> <li><a href="#" title="" target="_blank"> <img src="images/img01.jpg" thumb="" alt="区愿服务活动" /></a></li> <li><a href="#" title="" target="_blank"> <img src="images/img01.jpg" thumb="" alt="区人大常委会机关动区愿服务活动" /></a></li> <li><a href="#" title="" target="_blank"> <img src="images/img01.jpg" thumb="" alt="区人大常委会机关妇女小分队开展志愿服务活动区人大常委会机关妇女小分队开展志愿服务活动" /></a></li> </ul> </div> </div>
使用起来很方便,使用上完全用ullist可以呈现,很方便。
时间: 2024-11-10 16:42:13