以前用flash做首頁圖片輪播。最近的網站里用到一個插件MyFocus插件焦點圖插件

用法如下：

　　　　　　　　　　　　　　<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> 　　　　　　　　　　

使用起來很方便，使用上完全用ullist可以呈現，很方便。

轉載于:https://www.cnblogs.com/hualiu0/p/4520059.html

總結

以上是生活随笔為你收集整理的Jquery插件使用 焦点图插件 MyFocus ，另外记录一款插件 KinMaxShow大背景图插件。...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。