myFocus制作焦点图

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