专注于幻灯片/轮换图制作的JS库

myFocus简介

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

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

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

注意是所有,包括带有略缩图风格的幻灯片,这或许会带给你前所未有的体验。

myFocus特性

小巧却高效强大

myFocus v2.0.min版只有9.89KB,却能使你的网页上可以运行超过30款风格各异的幻灯片,在互联网独一无二哦~

极其简单的使用

无论有多少风格,还是这个风格有多么的牛逼闪闪,都只需加载一个js文件,然后用一句简单的js代码调用,然后……?收工喝茶去……

灵活的设置

你还想多点折腾?木有问题。myFocus提供了足够多的API让你进行更多个性化的设置,华丽丽的“一秒钟变身”不在话下。

独立、免费、开源

完全独立,不依赖任何JS库;完全免费,这意味着你可以在任何地方使用;也完全开源,这意味着你可以为myFocus贡献自己的风格代码,提供更多“华丽丽的变身”~

myFocus起源

之前我就负责网站的前端开发,而且在设计的时候不少是需要用到幻灯片的,那个时候只能在网上找,或到别的网上去“扒”。这过程很繁琐,而且头痛的是有些幻灯片是注明版权信息的,例如某些flash的幻灯片。当然,也有不少专门提供幻灯片的网站,我也下载了很多(大多是flash格式),但能用到实际中的,却是非常的少。

一方面是因为flash源码的非公开性,这样想把它们改成和自己网站风格相符的样式很难;另一方面可能是我个人的“情感”问题,我觉得如果flash真的那么好用,那为什么还有那么多网站采用js呢?这肯定是有原因的。所以,对一些钟情的flash幻灯片,我经常想:如果它的格式是js的话那是多么好啊……最终,我用行动来实现了自己的想法,一个多月后有了经典论坛的那个帖子:仿2010世博会主页flash幻灯片。这也是首个以myFoucs命名的幻灯片。

非常幸运,这帖子引起了不少网友的关注和回帖,而且版主也给了个好评,这些都是激励我继续“啃”下去的动力。最后我特发奇想:每个幻灯片为什么要独立呢?能不能像播放器的皮肤一样可以随意切换不同的风格?我把想法帖上来,因为我想确定是不是已经有人这样想而且已经实现了。后来了解到,有一个JQ插件叫switchable,用它可以实现网页元素的切换效果,例如幻灯片、走马灯的图片展示、tab切换等。诚然它和我的想法有些接近,但它注重的是实现“切换”这个功能的抽象,而不是我的初衷:实现可以“切换不同的效果”。

在确定不会“重复发明车轮”之后,myFocus项目终于启航了。

本文标题: myFocus v2.0.4 专注于幻灯片/轮换图制作的JS库

来自淘代码转载请注明

时间: 2024-12-20 09:49:05

专注于幻灯片/轮换图制作的JS库的相关文章

WEB前端:04_slider幻灯片(焦点图轮换)

slider幻灯片(焦点图轮换) 网站常用效果之一,以下为简化版,用于学习javascript基础知识. 效果图: slider幻灯片(焦点图轮换) - 纯JS简化版 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58

分级专题图制作

第一步:打开数据  第二歩:制作等级图 选择图层 第三歩:选择字段第四歩:设置条带第五步:生成评价第六歩:生成专题图 分级专题图制作

Jquery幻灯片焦点图插件

兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多 ,基本能满足你在网页上使用幻灯片(焦点图)效果. 下载

h5棋牌平台制作的js框架选择

h5棋牌平台制作的js框架选择(aqiulian.com/h5)本文主要选取了Construct2.ImactJS.LimeJS.GameMaker.CreateJS.lycheeJS.Crafty.three.js.melonJS.Turbulenz.Quintus.Cocos2d-html5等进行了简要介绍和对比,想知道或者了解更多详细的框架企鹅我212303635. 主流框架对比 Construct2 Construct 2是一个运行于Windows平台的游戏制作工具,它可以让没有任何编程

前端开发的常用js库

验证: jQuery formValidator,Validform; 提示框: artDialog, lhgDialog,jBox,jQuery textbox plugin 文件批量上传:uploadify, 在线文档浏览:flexpaper 日历:WdatePicker thickbox/ jQuery powerFloat万能浮动层下拉层插件 jquery-loadmask.js 遮罩层插件 jCarouselLite.js 幻灯片切换 弹窗:jquery.box.3.0.js tab页

impress.js 一个创建在线幻灯的js库

真的好奇怪,我居然会写前端技术的博客.没有办法的,最近实习,看的大多是前端.所以今天就用这个来练练手了. Impress.js 是一个非常棒的用来创建在线演示的Javascript库.它基于CSS3转 换和过渡.工作于现代浏览器(Google Chrome.Safari.Firefox 10 或 IE10).并受prezi.com的理念启发的演示工具.如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常 好的选择,用它做的PPT更加直观,效果也非常不错.在线De

如何制作.a静态库?合成多架构静态库?

08_01静态库 08_02制作静态库 .a 1.新建项目com+shift+n:选择Framework&Library. 2.下一步. 项目名不能为中文. 3.编写代码之后.用真机运行.会自动生成一个静态库 4.products文件夹中的.a静态库文件,从红色变成黑色.  Show in Finder 该文件夹中会生成一个.a文件 5.在include文件夹里只有主文件的.h文件. 新建的HMTool.h 需要手动添加. 1>可以直接手动拷贝 2>如图,先在xcode中添加 在运行一

当新手使用JS库遇到问题怎么办

见标题,知其意.在做网站时候,其实我们会用很多JS库,网络上流行的和公司自己封装的,这些东西都很好用,但是或多或少的有些bug或者有一些缺陷,即使真的很完善,但也可能达不到自己特定的一些需求.所以遇到问题,是很正常的.但是为什么要说是新手遇到问题呢?这就是因为,有些问题,工作几年的攻城狮,轻而易举的就解决了,所以对于他们这些根本不是问题,或者对于他们这些就是私人定制而已. 其实我也是这样走过来的,如果叫我自己完全封装一个非常强悍的JS库,我肯定是没有办法做的,不是因为技术,而是经验不够,因为考虑

可视化CSS3动画代码生成js库插件-Bounce.js

简要教程 Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件.该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果,如移动.旋转.倾斜.easing等效果,编辑完成后可以直接获取该CSS3帧动画的代码,复制代码到你的页面中即可在你的页面上获得与该动画一样的效果.此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3动画效果.Bounce.js能与jQuery完美结合. 查看演示     下载插件 安装 可以通过Bo