JS焦点图库 myFocus
  • 分类:资源分享
  • 发表:2012-06-30
  • 围观(5,102)
  • 评论(1)

网上发现一个封装的很好的JS焦点图库,感觉很好,收藏一下。

介绍:

myFocus是一个专注于焦点图/轮换图制作的JS库(或是叫工具集比较合适?),它小巧而且是完全独立的JS库,大概是6~7KB左右的大小(min版),用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高点,最重要的一点是,用myFocus制作出的焦点图使用十分的简单方便,而且每个焦点图的接口/结构都是通用的,这样,只用1~2秒时间就给网站换不同风格的焦点图成为了可能。

演示地址:

http://www.cosmissy.com/myfocus/demo.html

API操作说明:

http://www.cosmissy.com/myfocus/api.html

调用方法:

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

在实际中如下引用:

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

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

myFocus.set({pattern:'mF_name'});//mF_name为风格应用的名称

最后是程序下载地址:

点击这里下载(可以选择右击-目标另存为)

Top