首页焦点图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. saltstack安装配置及常用命令

    1.salt安装及配置详解 https://www.cnblogs.com/lgeng/p/6567424.html centos7配置: https://www.jianshu.com/p/4c91 ...

  2. windows,linux,esxi系统判断当前主机是物理机还是虚拟机？查询主机序列号命令

    参考网站:https://blog.csdn.net/yangzhenping/article/details/49996765 查序列号: http://www.bubuko.com/infodet ...

  3. CentOS Tomcat启动 Neither the JAVA_HOME nor the JRE_HOME environment variable is defined

    链接:http://blog.csdn.net/shangdiyisi/article/details/9477521 [bravoinfo@bravoinfo-hk-01 apache-tomcat ...

  4. as3的全屏功能的实现主要是舞台stage的displayState属性

    StageDisplayState.NORMAL                                               正常 StageDisplayState.FULL_SCR ...

  5. H5-BLOB

    BLOB 对象为h5的产物.普遍用于传输或者存储数据. <a 标签的新属性 download 表明 此a标签点击后,不是href跳转而是要下载.download的内容表示下载文件名.但是目前部分 ...

  6. python中 cmp

    python3.*版本中取消了数值之间的比较:cmp(x, y).取而代之的是 (x > y) - (x < y) 因为python中 false 为 0, true 为 1.

  7. js--语音播报

    一.借用百度接口 function speckText(){ var str = "请及时预警!"; //var request= new URLRequest(); var ur ...

  8. delphi webbrowser 执行 js ---转

    EmbeddedWB1.OleObject.document.parentWindow.execScript(memo1.Text, 'javascript');

  9. while and for 2

    public class TestWhileAndFor2 { /** * 九九乘法表 * 1!+2!+3!+....+10!=? * */ public static void main(Strin ...

  10. git 使用 添加分支

    http://jingyan.baidu.com/album/19192ad83ea879e53e5707ce.html?picindex=1 修改配置 git config --global use ...