立即注册找回密码
 

慧之家

[幻灯图] FengFocus v2.0 jQuery焦点图插件

[复制链接]

130

主题

130

帖子

370

热度值

 任何值得你去的地点都没有捷径只有努力! 

荣誉管理优秀版主突出贡献灌水之王宣传达人推广达人热心会员活跃会员最佳新人论坛元老年度贡献最佳原创

发表于 2019-2-23 22:53:58 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册  

x
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 为自由软件,你可以自由使用,不受任何限制。但严禁插入恶意代码。另,各大下载网站转载本插件,请务必保留我的详细说明,和网站链接!谢谢!
FengFocus v2.0 jQuery焦点图插件,慧之家


下载地址 - [ FengFocus v2.0 jQuery焦点图插件 ]
请点击此处下载

加入VIP,免积分下载

您的用户组是:游客

 提取码 : FengFocus 
下载次数:5   
下载权限: 不限  以上或 VIP会员   [购买VIP]   [充值积分]  [兑换积分]


请点击此处下载

加入VIP,免积分下载

您的用户组是:游客

 提取码 : FengFocus 
下载次数:5   
下载权限: 不限  以上或 VIP会员   [购买VIP]   [充值积分]  [兑换积分]


请点击此处下载

加入VIP,免积分下载

您的用户组是:游客

 提取码 : FengFocus 
下载次数:5   
下载权限: 不限  以上或 VIP会员   [购买VIP]   [充值积分]  [兑换积分]

该会员没有填写今日想说内容.
使用高级回帖 (可批量传图、插入视频等)

发表回复

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
站点服务大厅 官方群