分类分类
大小:260 KB更新:2015/09/21
类别:焦点/幻灯图系统:jsp
FengFocus 使用说明
为什么要写 FengFocus ?
自从开始学习 jQuery 我就深深的被它给吸引了。虽然年岁有点大了。但是止不住想要学习的冲动。
根据我个人的学习经验,我认为实战是唯一提升自己的途径。所以我自己写了一些 jQuery 插件。
去年自己写的第一个焦点图插件,命名为 FengFocus 1.0 版本。在我所做的几个项目中也都运用了。但是我自己却很不满意。
为什么呢?原因有如下几点
逻辑混乱,过于复杂
代码冗长,自己都看不懂
在一个页面多出使用时会出错,虽然经过我仔细检查,并未发现问题出现在哪里。
所以我一直想要重写这个焦点图插件。但是一来是懒,二来还是懒。一直没去写。
昨天反法西斯70周年阅兵,我顿时觉得应该为祖国做点贡献,因此决定重写。(这牛逼吹的,不就是放假无聊写点代码玩儿么~)
FengFocus 的特点
html 结构异常简单,除了少数优秀的焦点图插件,大多数都是HTML异常复杂而功能单一的。
表现形式完全css化,有很多焦点图插件将表现形式写在了js中,优点是只要一个文件,而不用管css。缺点就是,修改样式异常困难,为我不喜。
切换效果简单,只采用了 jQuery 自带的 slideDown 和 fadeIn 这两个效果。当然,一般情况下 fadeIn 其实就够用了。如果需要更加复杂的切换效果,可以使用 "jQuery Easing" 插件来简单拓展
单一页面重复使用,严格的将所有动作控制在目标元素之内,不会与其他代码产生冲突。单一页面可以多次使用。
FengFocus 能用来做什么?
适用于新手学习 jQuery
适用于大多数场景下的焦点图
使用 FengFocus 需要具备什么知识?
如果是简单使用,只要具备 html+css 的基本知识即可。
如果要修改得非常漂亮,最好具备优秀的 css3 知识。我提供了 scss 版本的 css 预编译文件,便于修改。
如果要使用特殊效果,就的具备 jQuery 的基本知识了。
FengFocus 版权声明
FengFocus 为自由软件,你可以自由使用,不受任何限制。但严禁插入恶意代码。另,各大下载网站转载本插件,请务必保留我的详细说明,和网站链接!谢谢!