之前在v2ex发了几个关于zarkfx项目的帖子, 想必再一个fx一个帖子的话必然会引起大家的反感了, 今天我直接一口气给大家介绍27个fx, 这些fx除了之前有介绍的几个以外都是五一放假这几天我在家里赶出来的, 还来不及测试ie的兼容性, 所以大家先用高级一点的浏览器看了
accordion 手风琴导航效果
http://zarkfx.com/auto_gen/accordion.htmlautocomplete 自动补全输入
http://zarkfx.com/auto_gen/autocomplete.htmlbgimage 自适应屏幕尽可能多地显示背景图
http://zarkfx.com/auto_gen/bgimage.htmlconfirm 用简单的办法添加点击确认提示
http://zarkfx.com/auto_gen/confirm.htmlcycle 非常强大的幻灯片效果
http://zarkfx.com/auto_gen/cycle.htmldatepicker jquerui日期选择插件
http://zarkfx.com/auto_gen/datepicker.htmlcenter 让某个元素居中显示,可以位于浏览器正中央, 或是位于某个div中间
http://zarkfx.com/auto_gen/center.htmlddpng 让png图片在ie6下实现半透明效果
http://zarkfx.com/auto_gen/ddpng.htmldefaultvalue 用简单办法给select或radio input元素设置默认值
http://zarkfx.com/auto_gen/defaultvalue.htmlelastic 让textarea元素根据输入文本的长度自动调整高度
http://zarkfx.com/auto_gen/elastic.htmlfirstchar 改变第一个字符的样式
http://zarkfx.com/auto_gen/firstchar.htmlfocusclean 鼠标点击input输入框后清空里面的提示文字
http://zarkfx.com/auto_gen/focusclean.htmlfxdemo 在前端调试fx的工具
http://zarkfx.com/auto_gen/fxdemo.htmlhoverpulse 鼠标放到某个img或div标签上面时放大元素
http://zarkfx.com/auto_gen/hoverpulse.htmlkeydown 用通俗的办法给元素绑定键盘事件, 比如ctrl+enter提交表单
http://zarkfx.com/auto_gen/keydown.htmllazyload 延迟加载图片,改善前端体验、节约带宽与减小服务器压力
http://zarkfx.com/auto_gen/lazyload.htmloverlayer 用简单的办法实现遮罩层
http://zarkfx.com/auto_gen/overlayer.htmlpaging 用简单的办法实现前端页码
http://zarkfx.com/auto_gen/paging.htmlposition 把一个元素放到另一个元素的旁边,或跟随鼠标光标
http://zarkfx.com/auto_gen/position.htmlscroll 滚动页面到顶部,或者某个指定的元素位置
http://zarkfx.com/auto_gen/scroll.htmlstaytop 当向下滚动页面时,让某个元素停留在顶部(常用于广告)
http://zarkfx.com/auto_gen/staytop.htmlswitch 用简单的办法实现在多个div之间切换显示
http://zarkfx.com/auto_gen/switch.htmltoggle 控制某些元素的显示与消失,很常用
http://zarkfx.com/auto_gen/toggle.htmltypelimit 限制输入的字数
http://zarkfx.com/auto_gen/typelimit.htmlurlparameter 修改url中某个参数的值,而保持其它参数与当前url中的一致
http://zarkfx.com/auto_gen/urlparameter.htmlwidthshow 根据屏幕宽度显示或隐藏元素,常用于需要同时兼容电脑与手机不同设备的情况
http://zarkfx.com/auto_gen/widthshow.htmlzeroclipboard 点击按钮复制文本到粘贴板
http://zarkfx.com/auto_gen/zeroclipboard.html正如你所见,zarkfx致力于聚合网络中不错的开源js项目,然后修改它们的调用接口,实现统一的调用方式,统一的文档风格。
作为前端开发者,我们时不时的要去使用这些功能,但是这些简单的功能往往需要我们花费大量的时间去学习如何使用别人的代码,甚至可能找不到可用的代码不得不自己去写。
我个人认为把时间花在这些事情上面是不值的,除非你励志要做优秀的前端工程师,但是大多数人不是这样,他们只是不得不去实现这么一个功能而已。
因此,我们团队根据自己的经验,发起zarkfx这个被这里的朋友们称之为“诡异”的项目,目的就是花最少的学习成本实现常用js的功能,同时照顾不懂js的朋友。
如果你对这个项目有兴趣,不妨等我重构完成后你尝试用于你的实际项目中,然后根据实践我们一起来完善它吧 :)
gouflv
2013-05-04 18:59:31 +08:00
看了下, 配置方式有点像bootstrap, 但是一个元素的fx里面的配置很多的时候, 一个字符串会非常长, 完全不利于查看(代码高亮)和维护, 所以建议一个元素上还是用 多个'data-'做配置吧
ps: 说实话, 用fx这个属性一点都不像是前端开发写的
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/67450
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.