码迷,mamicode.com
首页 > 其他好文 > 详细

myfocus之焦点图

时间:2015-02-08 16:42:05      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

myfocus之焦点图

标签:

原文地址:http://www.cnblogs.com/linhong/p/4280089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!