魅影

不是强者,以后会是!

导航

jQueryTools.js库

        最近访问一个国外的英文网站发现页面的web元素视觉效果舒服,用户体验独特,以及页面布局清晰。以至产生冲动查看页面html源文件,看看它如何利用js+css实现silverlight,flash,甚至wpf才能轻易实现的页面效果。复制页面引用js的地址,直接在游览器粘贴回车,既而下载到本地使用notepad++查看源码。虽然是压缩过的js库,但从代码的编写风格不难看出,该js库是基于jQuery框架库整合或者扩展的。正愁着不知道如何研究着一长串的代码时,js库顶部的注释惊醒梦中人...。这里没有版权只是说明。这说明什么呢?该js肯定是引用别人或者修改别人的js库。稍微搜集了下线索就找到了它的源头。http://flowplayer.org/tools/index.html

jQuery Tools is a collection of the most important user-interface components for modern websites. Used by large sites all over the world.jQuery Tools 现在已经有3大类型。UI TOOLS,Form TOOLS,TOOLBOX.  而UI TOOLS包括tab标签切换,tooltips信息提示,Overlay弹出层,Scollable滚动条。FORM TOOLS包括Validator表单验证,Rangeinput进度条,Dateinput时间输入。TOOLBOX包括Expose高亮呈现,Flashembed flash播放器,Combinations特别效果。它把web网站最常用的几中页面元素的特效集成到js库中。调用后结合css使用简单的jQuery代码就能实现很棒的视觉效果,用户体验,页面布局。而且该网站提供了方便的组件库打包下载。一个小的功能一个js库,而且基本都只有几kb。推荐的做法就是打包jQuery-1.4.2.js和使用到的js然后引用。这样页面上只用调用这么一个文件就既能使用jQuery框架库又能使用这些特效工具库了。老外做的东西不紧好而且完善,没一个工具都能实现页面元素的10多中用户体验的效果。而且扩展性很强。只要稍微下点工夫研究下jQuery的高级用法。那么你就能实现各种各样的用户需求用户体验。而且绝对不会花费太多经历太多时间。

     demo地址:http://flowplayer.org/tools/demos/index.html

      每一个demo都看了下,基本都用几行jQuery代码就实现了各个元素各种各样的效果和用户体验。感觉这样的js工具组件很棒,很实用。在以后网站程序可以尝试使用它们来快速的完成丰富的页面元素效果。当然随着对jQuery研究的深入,在不久的将来或许我也能写出开发出这样一些特别的js库。那样对web元素,页面的特效的把握更有分寸,才能达到我心所想,代码一出,效果即显的境界。

     有时间把这些特效用在自己的demo项目中,算是收集吧。等到用的时候查看下demo项目就能游刃有余的实现,那时回想这两天扣破头皮的看英文说明文档才觉得有多值!

posted on 2011-02-20 22:14  李豫川  阅读(1882)  评论(0编辑  收藏  举报