首页焦点图myFocus插件

 

myFocus特性

小巧却高效强大
myFocus v2.0.min版只有9.89KB，却能使你的网页上可以运行超过30款风格各异的焦点图，在互联网独一无二哦~
极其简单的使用
无论有多少风格，还是这个风格有多么的牛逼闪闪，都只需加载一个js文件，然后用一句简单的js代码调用，然后……？收工喝茶去……
灵活的设置
你还想多点折腾？木有问题。myFocus提供了足够多的API让你进行更多个性化的设置，华丽丽的“一秒钟变身”不在话下。
独立、免费、开源
完全独立，不依赖任何JS库；完全免费，这意味着你可以在任何地方使用；也完全开源，这意味着你可以为myFocus贡献自己的风格代码，提供更多“华丽丽的变身”~

myFocus简介

myFocus是一个专注于焦点图/轮换图制作的JS库，它小巧而且是完全独立的JS库，用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括 flash焦点图)，而且制作出的焦点图体积也非常的小(1KB左右)，功能也十分的完备，因为是轻量级，其运行效率也比常见的焦点图要高。

最重要的一点是，用myFocus制作出的焦点图使用十分的简单方便，而且每个焦点图的接口/结构都是通用的，这样，只用1~2秒时间就给网站换不同风格的焦点图成为了可能。

myFocus的设计理念就是简单易用，无论是多么复杂应用的焦点图。这就意味着，myFocus的所有焦点图都可以轻松的切换风格、更改大小、添加任意多的图片等个性设置以快速的应用到你的网站上。

注意是所有，包括带有略缩图风格的焦点图，这或许会带给你前所未有的体验。

myFocus代码说明

myFocus库本身力求简洁干净，做到足够轻量级，不会随意为一个功能多加一行代码。当然它还有可以改善的地方，如果您发现任何bug或建议，欢迎联系我或到这里反馈，感谢您的支持。

myFocus库代码有两种格式：

  • min（压缩版本，文件体积较小，推荐使用）
  • full（无压缩原版，带注释和格式化，文件体积较大）

同时，myFocus风格应用也有两种：

  • 标准（有统一的html结构，各风格可以自由切换，demo即是这种）
  • 自定义（没有统一的html结构，代码灵活性较强，但风格之间不能自由切换）

myFocus库(v2.0.1 | 2012.05.26)下载 & CDN Hosted

myFocus风格应用下载

或进入SVN目录下载相应的风格应用

缓动插件下载(myFocus Easing - 为你的焦点图增加更多的动画效果选择)

Demo演示打包下载

历史版本 & 谷歌Code SVN目录

首页焦点图myFocus插件的更多相关文章

  1. [fn]焦点图JQ插件版

    自己写的焦点图片的插件,使用方法简单说明一下 index.html页面具体结构如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans ...

  2. 正益无线首页jQuery焦点图

    分享一款正益无线首页jQuery焦点图,带索引按钮,自动轮播切换特效焦点图代码. 在线预览   源码下载 实现的代码. html代码: <div id="slideBox" ...

  3. 一款基于jQuery轮播切换焦点图,可播放多张图片

    今天给大家分享一款基于jQuery轮播切换焦点图,可播放多张图片,在这个组件中,你可以任意指定8张图片,然后插件就会帮你自动生成缩略图,并且自动开始切换播放图片.当然,你也可以手动切换图片,只要点击缩 ...

  4. 一款基于jQuery的支持鼠标拖拽滑动焦点图

    记得之前我们分享过一款jQuery全屏广告图片焦点图,图片切换效果还不错.今天我们要分享另外一款jQuery焦点图插件,它的特点是支持鼠标拖拽滑动,所以在移动设备上使用更加方便,你只要用手指滑动屏幕即 ...

  5. 基于jQuery的轮播焦点图图

    轮播焦点图 ——仿淘宝首页jquery轮播焦点图,我特意去taobao首页看了下它的轮播,好像有点相似,我不保证是我写的这样. 本例来源:站长之家http://sc.chinaz.com/jiaobe ...

  6. 基于jQuery仿Flash横向切换焦点图

    给各网友分享一款基于jQuery仿Flash横向切换焦点图.利用Flash可以制作很多漂亮的图片相册应用,今天我们要用jQuery来实现这样的效果.它是一款仿Flash的横向图片切换焦点图插件,可以自 ...

  7. 分享大麦UWP版本开发历程-01.响应式轮播顶部焦点图

    话说有一天,临近下班无心工作,在网上看各种文章,阅读到了一篇名为<聊聊大麦网UWP版的首页顶部图片联动效果的实现方法>(传递:http://www.cnblogs.com/hippieZh ...

  8. 基于jquery左侧带选项卡切换的焦点图

    今天给大家分享一款基于jquery左侧带选项卡切换的焦点图.这款焦点图左侧有短标题,单击切换并显示长标题.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class ...

  9. 基于jQuery标题有打字效果的焦点图

    给大家分享一款基于jQuery标题有打字效果的焦点图.之前为大家分享了好多jquery的焦点图.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗 ...

随机推荐

  1. 配置文件 .properties 的使用。

    在代码中使用 @Controller public class IndexController { @Value("${CONTENT_LUNBO_ID}") private Lo ...

  2. linux时间

    1.查看时间:date Thu Mar  2 13:22:54 UTC 2017 2.查看时区:date -R Thu, 02 Mar 2017 13:23:32 +0000 3.Linux时间戳:d ...

  3. vs2015 调试IIS

    vs2015 调试IIS vs2015,menu,调试>附加到进程>w3wp 然后用浏览器打开网页,单步调试跟踪. http://blog.csdn.net/hyperhawk/artic ...

  4. FindWindow 查找窗口

    Declare Function SendMessage Lib "user32" Alias "SendMessageA" _ (ByVal hwnd As ...

  5. tbytes 转 十六进制 string

    function Bytes2HexStr(buf: TBytes; len: Integer): AnsiString; begin SetLength(Result, len*2);   BinT ...

  6. Scripting API Samples

      Scripting API Samples Tomáš Matoušek edited this page on Jan 31 · 32 revisions Home API Changes Bu ...

  7. python yield 浅析-转载

    如何生成斐波那契數列 斐波那契(Fibonacci)數列是一个非常简单的递归数列,除第一个和第二个数外,任意一个数都可由前两个数相加得到.用计算机程序输出斐波那契數列的前 N 个数是一个非常简单的问题 ...

  8. Bioconductor的历史

    ---------------------------------------------------------------Bioconductor------------------------- ...

  9. select语法图

  10. js获取地址栏信息

    参考: http://www.w3school.com.cn/jsref/dom_obj_location.asp http://www.xxx.com:8081/ location.host = w ...