myfocus之焦点图

1.一般来说，myFocus焦点图包含2部分：myFocus库、风格应用。
其中每个风格应用由一个js文件和一个css文件构成（你可以理解“风格应用”文件相当于播放器的皮肤文件）。

2.引用

<script type="text/javascript" src="js/myfocus-1.0.x.min.js"></script><!--首先引入myFocus库-->
<script type="text/javascript" src="js/pattern/mF_name.js"></script><!--引入风格应用js-->
<link rel="stylesheet" href="js/pattern/mF_name.css" /><!--引入风格应用css-->

3.添加图片

 <div id="box">
       <div class="pic"><!--对应ul的class一定为pic-->
           <ul>
              <li><img src="images/ad1.jpg" alt="1"/></li>
              <li><img src="images/ad2.jpg" alt="1"/></li>
              <li><img src="images/ad1.jpg" alt="1"/></li>
           </ul>
       </div>
    </div>

4.当引用好这些文件后，你就可以在网页中调用这个风格应用了

<script type="text/javascript">
      myFocus.set({ id: ‘box‘, pattern: ‘mF_YSlider‘ });
 </script>