jquery插件(2)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++http://www.cnblogs.com/Emoticons/qface/055243485.gif导航类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
jQuery plugin: Treeview
http://www.open-open.com/ajax/resource/von.gif
这个插件能够把无序列表转换成可展开与收缩的Tree。
http://www.open-open.com/ajax/pimage/Treeview.jpg
jQuery plugin: Treeview
http://www.open-open.com/ajax/resource/icon_1.gif FastFind Menu Script
http://www.open-open.com/ajax/resource/von.gif
可拖动的嵌套菜单窗体,基于动态"AJAX"响应。
http://www.open-open.com/ajax/pimage/FastFind_Menu_Script.jpg
FastFind Menu Script
http://www.open-open.com/ajax/resource/icon_1.gif iconDock
http://www.open-open.com/ajax/resource/von.gif
iconDock一个基于jQuery开发的Fisheye menu。
http://www.open-open.com/ajax/pimage/Dockexample.png
iconDock
http://www.open-open.com/ajax/resource/icon_1.gif jQuery UI Tabs
http://www.open-open.com/ajax/resource/von.gif
jQuery UI Tabs:一个功能强大,易于使用的Tab控件。
http://www.open-open.com/ajax/pimage/jQueryUITabs1.jpg
jQuery UI Tabs
http://www.open-open.com/ajax/resource/icon_1.gif jstree
http://www.open-open.com/ajax/resource/von.gif
jsTree是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖"放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。
http://www.open-open.com/ajax/pimage/jstree.jpg
jstree
http://www.open-open.com/ajax/resource/icon_1.gif jQuery File Tree
http://www.open-open.com/ajax/resource/von.gif
jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。
http://www.open-open.com/ajax/pimage/jQuery_File_Tree.jpg
jQuery File Tree
http://www.open-open.com/ajax/resource/icon_1.gif Superfish
http://www.open-open.com/ajax/resource/von.gif
jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被<SELECT>标签挡住。
http://www.open-open.com/ajax/pimage/Superfish.jpg
Superfish
http://www.open-open.com/ajax/resource/icon_1.gif accordion menu
http://www.open-open.com/ajax/resource/von.gif
Accordion风格的jQuery菜单。
http://www.open-open.com/ajax/pimage/accordion-menu.jpg
accordion menu
http://www.open-open.com/ajax/resource/icon_1.gif CSS Dock Menu
http://www.open-open.com/ajax/resource/von.gif
采用jQuery+CSS实现,仿Mac Dock Menu的一个导航菜单。
http://www.open-open.com/ajax/pimage/css-dock-menu.jpg
CSS Dock Menu
http://www.open-open.com/ajax/resource/icon_1.gif CheckTree
http://www.open-open.com/ajax/resource/von.gif
带Checkbox的树型jQuery插件。
http://www.open-open.com/ajax/pimage/CheckTree.jpg
CheckTree
http://www.open-open.com/ajax/resource/icon_1.gif idTabs
http://www.open-open.com/ajax/resource/von.gif
idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab,idTabs能够绑定到不同的事件如mouseover。
http://www.open-open.com/ajax/pimage/idTabs.jpg
idTabs
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Context Menu
http://www.open-open.com/ajax/resource/von.gif
jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。
http://www.open-open.com/ajax/pimage/jQuery_Context_Menu.jpg
jQuery Context Menu
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Right-click
http://www.open-open.com/ajax/resource/von.gif
这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括:click、mouseup、mousedown。
jQuery Right-click
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Multi Level CSS Menu
http://www.open-open.com/ajax/resource/von.gif
这是一个多级水平CSS菜单,利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时,将自动调整展示方面。
http://www.open-open.com/ajax/pimage/jQuery_Multi_Level_CSS_Menu.jpg
jQuery Multi Level CSS Menu
http://www.open-open.com/ajax/resource/icon_1.gif ListNav
http://www.open-open.com/ajax/resource/von.gif
ListNav是一个用于创建按字母顺序分类导航的jQuery插件。
http://www.open-open.com/ajax/pimage/ListNav.jpg
ListNav
http://www.open-open.com/ajax/resource/icon_1.gif Simpletip
http://www.open-open.com/ajax/resource/von.gif
Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素(标签)之上。并定制展示方式与位置。tooltips可以是静态,动态或通过Ajax加载。
http://www.open-open.com/ajax/pimage/Simpletip.jpg
Simpletip
http://www.open-open.com/ajax/resource/icon_1.gif Smooth Navigation Menu
http://www.open-open.com/ajax/resource/von.gif
Smooth Navigation Menu是一个采用jQuery开发,基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取,也可以从一个外面文件或通过Ajax获取。
http://www.open-open.com/ajax/pimage/Smooth_Navigational_Menu.jpg
Smooth Navigation Menu
http://www.open-open.com/ajax/resource/icon_1.gif jdMenu
http://www.open-open.com/ajax/resource/von.gif
jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项,自定义动画效果,易于定制外观,支持相对(relative)与绝对(absolute) 定位等。
http://www.open-open.com/ajax/pimage/jdMenu.jpg
jdMenu
http://www.open-open.com/ajax/resource/icon_1.gif jqDock
http://www.open-open.com/ajax/resource/von.gif
这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。
http://www.open-open.com/ajax/pimage/jqDock.jpg
jqDock
Animated Menu using jQuery
A technique for animating menu items when a user hovers over them.Source files, including the PSD file, are available to download.
http://images.sixrevisions.com/2009/04/29-07_animated_menu.jpg
View Demo Page
Garagedoor Effect using jQuery
Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jQuery.
http://images.sixrevisions.com/2009/04/29-01_garage_door.jpg
View Demo Page
JGlide Menu
A very unique menu that floats on the page. Users can drag it to a position they desire.
http://images.sixrevisions.com/2009/04/29-18_jglide.jpg
View Demo Page
Vertical Sliding jQuery Menu
HVDesigns presents a menu that drops down and reveals more links.
http://images.sixrevisions.com/2009/04/29-03_verticle_sliding.jpg
View Demo Page
LavaLamp
When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can behere.
http://images.sixrevisions.com/2009/04/29-14_mootools_fancy_menu.jpg
11. Sliding JavaScript Menu Highlight
This sliding hover effect script is an easy technique for highlighting menu items.
http://images.sixrevisions.com/2009/04/29-08_highlight_menu.jpg
12. Fading Menu - Replacing Content
This technique allows you to fade in and fade out menu items.
http://images.sixrevisions.com/2009/04/29-05_fading_menu.jpg
View Demo Page
13. Simple Multi-level Drop-Down Menu
A simple JavaScript drop down menu tutorial.
http://images.sixrevisions.com/2009/04/29-06_multil_level_drop_down.jpg
14. Using jQuery for Background Image Animations
A technique for creating animated menus using jQuery and CSS background-position properties.
http://images.sixrevisions.com/2009/04/29-12_background_position.jpg
View Demo Page
[*]Tabpanel - jerichotab
详细介绍 | 在线演示
效果图:
http://images.cnblogs.com/cnblogs_com/fromearth/2009-05-11_000339.png
简介:
jerichoTab是一款模拟 firefox 标签页的插件, 通过丰富的API可以轻松的实现动态添加, 删除, 激活tab, 当tab页过多时会在左右两段增加滚动条...
导航:
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif验证类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jQuery plugin: Validation
http://www.open-open.com/ajax/resource/von.gif
jQuery校验插件。
http://www.open-open.com/ajax/pimage/Validation.jpg
jQuery plugin: Validation
http://www.open-open.com/ajax/resource/icon_1.gif Masked Input Plugin
http://www.open-open.com/ajax/resource/von.gif
Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。
http://www.open-open.com/ajax/pimage/input-mask.jpg
Masked Input Plugin
http://www.open-open.com/ajax/resource/icon_1.gif jQuery password strength meter
http://www.open-open.com/ajax/resource/von.gif
用于检测密码强度的jQuery插件。
http://www.open-open.com/ajax/pimage/jQuery_password_strength_me.jpg
jQuery password strength meter
http://www.open-open.com/ajax/resource/icon_1.gif jVal
http://www.open-open.com/ajax/resource/von.gif
jQuery表单校验插件。
http://www.open-open.com/ajax/pimage/jVal_0-1-0_pod_ss.jpg
jVal
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif图表类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif Flot
http://www.open-open.com/ajax/resource/von.gif
Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
http://www.open-open.com/ajax/pimage/Flot.jpg
Flot
http://www.open-open.com/ajax/resource/icon_1.gif jQchart
http://www.open-open.com/ajax/resource/von.gif
基于Canvas+jQuery,可拖放/交互的简单图形控件。
http://www.open-open.com/ajax/pimage/jQchart.jpg
jQchart
http://www.open-open.com/ajax/resource/icon_1.gif jquery.sparkline
http://www.open-open.com/ajax/resource/von.gif
这是一个用于生成迷你型线状图的jQuery插件。
http://www.open-open.com/ajax/pimage/jquerysparkline.jpg
jquery.sparkline
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gifForm相关类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jNice
创建自定义外观的Form元素,功能与正常的Form元素相似。
http://www.open-open.com/ajax/pimage/jNice.jpg
jNice
http://www.open-open.com/ajax/resource/icon_1.gif jQuery calculate
http://www.open-open.com/ajax/resource/von.gif
jQuery计算插件,提供一些常用的数学计算功能比如:Sum、Average、Min、Max等。
http://www.open-open.com/ajax/pimage/calculate1.jpg
http://www.open-open.com/ajax/pimage/calculate.jpg
jQuery calculate
http://www.open-open.com/ajax/resource/icon_1.gif jQuery select box
http://www.open-open.com/ajax/resource/von.gif
模仿HTML select box实现功能的一个下拉菜单。
http://www.open-open.com/ajax/pimage/27110702.jpg
jQuery select box
http://www.open-open.com/ajax/resource/icon_1.gif prettyCheckboxes
http://www.open-open.com/ajax/resource/von.gif
一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。
http://www.open-open.com/ajax/pimage/prettyCheckboxes.jpg
prettyCheckboxes
http://www.open-open.com/ajax/resource/icon_1.gif jGrow
http://www.open-open.com/ajax/resource/von.gif
jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。
http://www.open-open.com/ajax/pimage/2j16.gif
jGrow
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Form Plugin
http://www.open-open.com/ajax/resource/von.gif
为表单(Form)提供全面Ajax支持,包括文件上传功能的jQuery插件。提供的方法/功能包括:ajaxForm、ajaxSubmit、formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。
jQuery Form Plugin
http://www.open-open.com/ajax/resource/icon_1.gif mcDropdown jQuery Plug-in
http://www.open-open.com/ajax/resource/von.gif
mcDropdown是一个独特的UI控件,它能够让用户在一个复杂分级的树形下拉选项中进行选择。
http://www.open-open.com/ajax/pimage/mcDropdown.jpg
mcDropdown jQuery Plug-in
http://www.open-open.com/ajax/resource/icon_1.gif Create A Slider From A Select Box
http://www.open-open.com/ajax/resource/von.gif
这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。
http://www.open-open.com/ajax/pimage/jQuery_Slider.jpg
Create A Slider From A Select Box
http://www.open-open.com/ajax/resource/icon_1.gif TextArea Resizer
http://www.open-open.com/ajax/resource/von.gif
这个jQuery插件提供Resizer bar可拖动调整TextArea大小。
http://www.open-open.com/ajax/pimage/TextArea_Resizer.jpg
TextArea Resizer
http://www.open-open.com/ajax/resource/icon_1.gif jQuery MultiSelect
http://www.open-open.com/ajax/resource/von.gif
jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。
http://www.open-open.com/ajax/pimage/jQuery_MultiSelect.jpg
jQuery MultiSelect
http://www.open-open.com/ajax/resource/icon_1.gif Editable(jQuery Editable Plugin)
http://www.open-open.com/ajax/resource/von.gif
这是一个真正可定制的jQueryeditableplugin。当前它能够将任意不可编辑的标签(span、div、p...等)转换成可编辑的textinput、password、textarea、下拉列表(drop-downlist)等标签。你可以利用它的editableFactory对象来扩展添加自己所需的inputtype。
http://www.open-open.com/ajax/pimage/Editable.jpg
Editable(jQuery Editable Plugin)
http://www.open-open.com/ajax/resource/icon_1.gif NicejForm
http://www.open-open.com/ajax/resource/von.gif
NiceJForm 是一个拥有完美外形的表单,它是基于jquery库的,NiceJForms实际上是个jquery插件,用来使表单看起来更为美观。这不是最终版本,我知道可以通过多种途径改良它的脚本,但是至少,这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm,在他的blog中你可以获得更多信息。
在IE6,IE7,Firefox2.0中测试成功。
NicejForm
http://www.open-open.com/ajax/resource/icon_1.gif jScrollPane
http://www.open-open.com/ajax/resource/von.gif
jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。
http://www.open-open.com/ajax/pimage/jScrollPane.jpg
jScrollPane
利用jQuery制作类似skype的按钮效果.
演示:
http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html
[*]jCheckbox:
效果图:
http://images.cnblogs.com/cnblogs_com/fromearth/2009-05-13_152028.png
简介:
jCheckbox用于模拟checkbox的效果, 方便开发人员自定义外观, 由于所有的属性都绑定到目标checkbox, 所以不必担心状态保存或取值的问题...
导航:
详细介绍 | 在线演示
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif上传类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jqUploader
http://www.open-open.com/ajax/resource/von.gif
结合Javascript与Flash开发,拥有上传进度条的文件上传控件。
http://www.open-open.com/ajax/pimage/jqUploader.jpg
jqUploader
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Multiple File Upload Plugin
http://www.open-open.com/ajax/resource/von.gif
多文件上传插件(jQuery.MultiFile)能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如:文件扩展名校验。
http://www.open-open.com/ajax/pimage/jQuery.MultiFile.jpg
jQuery Multiple File Upload Plugin
http://www.open-open.com/ajax/resource/icon_1.gif jQuery: Ajax file upload
http://www.open-open.com/ajax/resource/von.gif
Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外,可以使用任何元素(图片,文字,按纽等)来触发文件选择窗口。
http://www.open-open.com/ajax/pimage/Ajax_file_upload.jpg
jQuery: Ajax file upload
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif时间日期类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jQuery UI Datepicker
http://www.open-open.com/ajax/resource/von.gif
基于jQuery开发的日期选择控件。
http://www.open-open.com/ajax/pimage/jQuery_UI_Datepicker.jpg
jQuery UI Datepicker
http://www.open-open.com/ajax/resource/icon_1.gif Date Picker
http://www.open-open.com/ajax/resource/von.gif
Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历,标记特殊日期,易于通过CSS定制外观,自定义周的第一天,自定义月份和星期的显示名称。
http://www.open-open.com/ajax/pimage/Date_Picker.jpg
Date Picker
http://www.open-open.com/ajax/resource/icon_1.gif Date Range Picker
http://www.open-open.com/ajax/resource/von.gif
基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。
http://www.open-open.com/ajax/pimage/Date_Range_Picker.jpg
Date Range Picker
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif圆角类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Corner
http://www.open-open.com/ajax/resource/von.gif
不需要图片就能够创建各种圆角形状的jQuery插件。
http://www.open-open.com/ajax/pimage/jQuery_Corner.jpg
jQuery Corner
http://www.open-open.com/ajax/resource/icon_1.gif JQuery Curvy Corners
http://www.open-open.com/ajax/resource/von.gif
用于创建圆角的jQuery插件。压缩之后大小只有9k。
http://www.open-open.com/ajax/pimage/JQuery_Curvy_Corners.jpg
JQuery Curvy Corners
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Corner
http://www.open-open.com/ajax/resource/von.gif
更多圆角效果的jQuery插件。
http://www.open-open.com/ajax/pimage/jQueryCorner1.jpg
jQuery Corner
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Corners
http://www.open-open.com/ajax/resource/von.gif
这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。
http://www.open-open.com/ajax/pimage/jQuery_Corners.jpg
jQuery Corners
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.cnblogs.com/Emoticons/qface/055243485.gif评价类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Ajax Rater Plugin
http://www.open-open.com/ajax/resource/von.gif
能够动态创建Ajax Rater的jQuery插件。
http://www.open-open.com/ajax/pimage/jQuery_Ajax_Rater_Plugin.jpg
jQuery Ajax Rater Plugin
http://www.open-open.com/ajax/resource/icon_1.gif Star Rating widget
http://www.open-open.com/ajax/resource/von.gif
采用jQuery框架开发的评价控件。
http://www.open-open.com/ajax/pimage/Star_Rating_widget.jpg
Star Rating widget
http://www.open-open.com/ajax/resource/icon_1.gif jQuery Star Rating Plugin
http://www.open-open.com/ajax/resource/von.gif
Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。
http://www.open-open.com/ajax/pimage/Star_Rating_Plugin.jpg
jQuery Star Rating Plugin
http://www.open-open.com/ajax/resource/icon_1.gif Ajax Poll
http://www.open-open.com/ajax/resource/von.gif
利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。
http://www.open-open.com/ajax/pimage/poll-results.png
Ajax Poll
jQuery 投票调查组件
<div class="entry-body"><div class="item-body">主要功能:
测试答题框
可作心理测试等测试题使用
问题和选项通过questions.xml设置
显示当前得分
显示当前答题进度
可作翻看选过的选项
通过不同的得分调取不同结果内容
http://cms.titan24.com/focus/kikx/testxml/a.png
DEMO 地址 静态版本
DEMO 地址 XML 版本
文件打包下载
下面是装载XML 版本的代码 完整的代码请 打包下载
页:
[1]