1.調用結構

<script src="./js/myfocus-2.0.1.min.js" type="text/javascript"></script>

<script src="./js/mf-pattern/mF_YSlider.js"></script>

<link href="./js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css">

<script type="text/javascript">

myFocus.set({

id: 'picbox',

});

</script>

2.html 結構

<div class="ad" id="picbox">

<div class="loading"><img src="images/loading.gif" alt="圖片正在加載中"></div>

<div class="pic">

<ul>

<li><img src="images/ad.jpg"/></li>

<li><img src="images/ad2.jpg"/></li>

<li><img src="images/ad3.jpg"/></li>

<li><img src="images/ad4.jpg"/></li>

</ul>

</div>

</div><!--add 區域-->

3.參考http://www.chhua.com/myfocus/usage.html

總結

以上是生活随笔為你收集整理的myFocus制作焦点图的全部內容，希望文章能夠幫你解決所遇到的問題。

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