接上篇Tabs  - 选项卡插件  其中12）Yet (E)Another Tab Interface没有依赖任何javascript框架，以作补充
 
       9）Flipping Content Tabs是一款基于jquery的tab插件,该插件特别之处,当切换不同的标签时,它所显示翻转标签的效果,动感十足.
主页:
      10）Smart Tab是一款基于jquery的tab插件,支持多种显示方式,支持键盘事件等.
 
 
     11)jQuery animated feedback tab thingy同样是一个采用jQuery开发的，浮在页面左侧可伸缩的Tab控件。

 
 
 
     12)Yet (E)Another Tab Interface没有依赖任何javascript框架，采用面向对象开发的Tab控件。

 
      13)idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab，idTabs能够绑定到不同的事件如mouseover。

主页:
      14)Tab Menu一个易于使用的Tab Menu。

 
 

随笔分类 - js插件库

为了建立一个有用的js插件和解决方案库
摘要: WEB标准提倡结构、表现和行为相 分离，现在越来越多采用这种表现和行为的方式，但它也为我们开发调试带来一些问题，网页载入一堆JavaScript，，我们很难搞清楚最后在哪些元素的哪个动作绑定了事件，尤其是JavaScript加载事件的方式五花八门，可以透过jQuery、element.click = function() { }、element.addEventListener()…，很难由单一处找出所有事件。而理不清事件来龙去脉，要追踪某个点击动作背后的行为就变得有些困难，直到我们遇到以下两种利器。阅读全文
posted @ 2013-11-28 12:13 孟晨 阅读(2842) | 评论 (11) 编辑
 
摘要: 一些Web开发人员创建一些真棒的jQuery和CSS3的教程。今天，我们要列出从2012年的一些最好的。欣赏吧！Orman Clark’s Vertical Navigation Menu: The CSS3 VersionPAGE TRANSITIONS WITH CSS3CURVING TEXT WITH CSS3 AND JQUERYControl imageaspect ratios with CSS3SLIDING IMAGE PANELS WITH CSS3ANIMATED WEB BANNERS WITH CSS3THUMBNAIL PROXIMITY EFFECT WITH .阅读全文
posted @ 2012-08-07 09:03 孟晨 阅读(2821) | 评论 (1) 编辑
 
摘要: Jcrop是一个jQuery插件，它能为你的WEB应用程序快速简单地提供图片裁剪的功能。特点：对所有图片均unobtrusively（无侵入的，保持DOM简洁）支持宽高比例锁定支持 minSize / maxSize设置支持改变选区或移 动选区时的回调（Callback）支持用键盘微调选 区通过API创建互 动，比如动画效果支持CSS样式入门•下载当前版本•放到页面相应的位置•同时也需要加载jquery加载顺序•jQuery.js•Jcrop.js•Jcrop CSS样式如：<script src="js/jquery.pack.js"></script&阅读全文
posted @ 2012-06-29 10:13 孟晨 阅读(5792) | 评论 (2) 编辑
 
摘要: 在今天的文章中，我们已经聚集了jQuery插件，允许你创建一个360度旋转图片.这些插件，主要用于在网上购物网站显示各个角度详细的外观.这个技术的产品是一点点付出努力，但结果是惊人的。360 Panorama for jQueryDemo&Source360/3D Spin & Zoom JavaScript PlayerDemo&SourceReel 1.1.4Demo&SourceMultiple 360 Images On One PageDemo&Source360 Degrees Product ViewDemo&SourceSprit阅读全文
posted @ 2012-05-28 07:19 孟晨 阅读(2685) | 评论 (0) 编辑
 
摘要: 前篇文章Jeditable - jQuery就地编辑插件使用介绍了jeditable 的使用，官方例子是PHP的。我们现在实现在ASP.NET MVC 中的使用介绍。本例是ASP.NET MVC3.效果点击前点击一文本后View 我们实现jeditable的一些基本用法@model JQueryEditableMVC.Models.Company@{ Layout = null;}<!DOCTYPE html><html><head> <title>Details</title> <script src="/Scrip阅读全文
posted @ 2012-05-03 14:36 孟晨 阅读(1683) | 评论 (0) 编辑
 
摘要: 后台管理在界面设计中占有重要的一席。 管理面板的设计是非常重要，必须是干净的，简单的。 例如，如果你是一个购物网站或游戏网站，你绝对需要一个高度可定制的管理模板的管理员。 在今天的文章中，我们收集具有精心设计的商业与免费的管理模板。免费模板HTML5 Admin Template – FreeHTML5 + CSS3的管理区模板是专为应用程序和主题的开发人员希望他们的管理仪表板。忘记使用一个基本的管理模板，这个主题是jQuery的表建在分拣和易于集成与谷歌图的API。能够隐藏和显示菜单部分也包括在内SourceSpring Time – Free简单和专业，为您定制的Web应用程序界...阅读全文
posted @ 2012-05-02 07:06 孟晨 阅读(7843) | 评论 (11) 编辑
 
摘要: 相比标准的网站模板，免费后台管理模板是不容易找到。这是一个管理模板，您可以使用Web应用程序，如：电子商务项目内容管理系统更多..作 者：孟晨 出 处：http://www.cnblogs.com/xiaoyao2011/ 个人站: http://www.coderidea.com/欢迎任何形式的转载，但请务必注明出处。阅读全文
posted @ 2012-05-01 19:17 孟晨 阅读(2270) | 评论 (0) 编辑
 
摘要: jeditable是一个jquery插件，它的优点是可以就地编辑，并且提交到服务器处理，是一个不可多得的就地编辑插件。(注：就地编辑，也有称即时编辑？一般的流程是这样的，当用户点击网页上的文字时，该文字就会出现在一个编辑框中，用户对文字进行修改完成后点击提交按钮，新的文本将发送到服务器上，然后表单消失，显示最新编辑的文本。),你可以通过这个演示页面来亲自体验下。 官网:http://www.appelsiini.net/projects/jeditable基本的使用方法如下：首先编辑一个 html 文件，包含这么一段：<div class="edit" id=&quo阅读全文
posted @ 2012-04-28 10:29 孟晨 阅读(4287) | 评论 (10) 编辑
 
摘要: 你是否需要在有限的空间内显示更多的内容，或者你只是想使您的网站的某个部分，更吸引人，jQuery是一个优秀的解决方案。使用jQuery，您可以轻松地创建手风琴式的内容框，图像画廊，内容滑块。下面是把这类的功能加入到您的网站14个优秀的jQuery插件。AccordionCoda-SliderEasy SliderThickBoxAnythingSlider jQuery PluginSliding Boxes and Captions with jQueryGALLERIAjCarouseljQuery.ScrollToEasiest Tooltip and Image Previewto..阅读全文
posted @ 2012-04-23 13:17 孟晨 阅读(2063) | 评论 (1) 编辑
 
摘要: 设计一个网站时，当涉及到下拉菜单，一些设计师往往会失去创造力。这里有一个令人印象深刻的下拉菜单的集合，创意设计风格。这些突出的下拉菜单使你脱颖而出，并帮助网站提升到一个新水平。Design SlurpTuts PlusAdidasCarreras Con FuturoConverseKathmanduStarbucks Coffee (Australia)Lion BurgerAustralian OpenShowtimeJay JaysMTVPure GripsEstee LauderFreitagSunglass HutDick SmithImaginamosPumaRepublicSku阅读全文
posted @ 2012-03-31 13:15 孟晨 阅读(2409) | 评论 (0) 编辑
 
摘要: 流行的jQuery信息提示插件(jQuery Tooltip Plugin)。信息提示虽然是小东西，但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好，会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件，希望对各位有所帮助。记住，所有的这些都是为了使网站设计更好。1. Dynamic tooltip非常漂亮的tooltip！有渐变、透明、阴影等效果。Dynamic tooltip2. Popup Bubble优秀的tooltip！虽然看起来简单，但是过渡效果非常棒，适用于简单干净的网站。Popup Bubble3. jQuery Horizontal T..阅读全文
posted @ 2012-03-11 17:06 孟晨 阅读(3083) | 评论 (5) 编辑
 
摘要: 上接：38 jQuery和CSS多级下拉菜单解决方案（一）16.A cross-browser drop-down cascading validating menu预览17.Drop-Down Menus, Horizontal Style预览18.Superfish v1.4.8 – jQuery menu plugin by Joel Birch预览19.JavaScript Dropdown Menu with Multi Levels预览20.jQuery (mb)Menu 2.7预览21.Menumatic预览22.Smooth Navigational Menu (v1.31)预阅读全文
posted @ 2012-01-17 16:59 孟晨 阅读(1991) | 评论 (0) 编辑
 
摘要: 上接：38 jQuery和CSS多级下拉菜单解决方案（一）16. Hover Slide Effect with jQueryDownload | View Demo17. jQuery quickie: Slot machine navigationDownload | View Demo18. Pretty Simple Content Slider with jQuery and CSS3Download | View Demo19. Slide menu with jQuery and CSSDemo View | Download20. jQuery Menu Slide Sty..阅读全文
posted @ 2012-01-16 12:54 孟晨 阅读(3166) | 评论 (5) 编辑
 
摘要: 在这里，你会发现38主要jQuery和CSS的下拉菜单或可下载的文件和说明以及多级菜单的教程。这里是我最喜欢的挑头 - 外箱具有非常独特的导航菜单。您的书签中有这样的参考文章它总是好，当你不得不创造一些真正的大网站的很多内容和菜单部分 - 回到这里。已预制的菜单，可以轻松一点淡淡的CSS修改，缩短了你的开发过程。1.“Outside the Box” Navigation with jQuery预览2.Sexy Drop Down Menu w/ jQuery & CSS预览3.Designing the Digg Header: How To & Download预览4.Cr阅读全文
posted @ 2012-01-16 07:33 孟晨 阅读(2505) | 评论 (1) 编辑
 
摘要: 目前，jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单，通过一些鼠标操作让菜单变的有吸引力和有趣。 jQuery菜单插件，用于创建与动态（动画）背景菜单。每个菜单项可以是背景图像，这样，当鼠标从一个菜单项移动到另一个背景图像被替换使用的动画过渡。 设计网站导航使用jQuery的javascript菜单应干净和舒适的！今天我所收集的30个最佳jQuery的菜单，如jQuery的菜单导航，jQuery的菜单列表，jQuery的垂直菜单，jQuery的滑动菜单，jQuery的浮动菜单，jQuery的横向菜单1. Rocking and Rolling Rounded Men.阅读全文
posted @ 2012-01-13 10:02 孟晨 阅读(6794) | 评论 (9) 编辑
 
摘要: 目前，jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单，通过一些鼠标操作让菜单变的有吸引力和有趣。 jQuery菜单插件，用于创建与动态（动画）背景菜单。每个菜单项可以是背景图像，这样，当鼠标从一个菜单项移动到另一个背景图像被替换使用的动画过渡。 设计网站导航使用jQuery的javascript菜单应干净和舒适的！今天我所收集的30个最佳jQuery的菜单，如jQuery的菜单导航，jQuery的菜单列表，jQuery的垂直菜单，jQuery的滑动菜单，jQuery的浮动菜单，jQuery的横向菜单1.Rocking and Rolling Rounde...阅读全文
posted @ 2012-01-13 07:50 孟晨 阅读(505) | 评论 (0) 编辑
 
摘要: 此系列为了建立一个有用的js插件和解决方案库，希望对您有所帮助。过渡特效 插件LightBo x －灯箱效果插件(非常漂亮）LightB ox －灯箱效果插件(非常漂亮）(续)Select-下 拉列表选择插件(包含下拉选择图片，下拉grid等）Form Effect - 表单美化插件(2)Textare a - 富文本编辑器插件js Tree - 树形菜单插件javascri pt Side Bar 侧边菜单插件js Grid - 列表插件Accor dion - 手风琴 折叠菜单插件(2)Tabs - 选项 卡插件Tabs - 选 项卡插件（续）Dat ePicker - 日期选择插件...阅读全文
posted @ 2011-11-23 07:05 孟晨 阅读(2533) | 评论 (0) 编辑
 
摘要: Charts - 图表插件 1)Highstock 可让你使用纯 JavaScript 创建股票或者通用的时间线图表。主页:http://www.highcharts.com/products/highstock 2)Smoothie Charts是一个小型图表生成脚本，专为生成实时数据图表而设计。比如可以用于生成CPU使用情况的图表。主页:http://smoothiecharts.org/演示地址:http://smoothiecharts.org/examples/server-load.html 3)JQuery Gantt Chart这是一款jQuery图表插件，可...阅读全文
posted @ 2011-11-09 07:56 孟晨 阅读(4716) | 评论 (7) 编辑
 
摘要: 1)CodeMirror一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库。主页:http://codemirror.net/ 2）JUSH是一款jQuery 代码高亮插件，支持HTML, CSS, PHP, PY 和SQL等多种语言。主页:http://plugins.jquery.com/project/JUSH 3）Google Code Prettify提供一个javascript 模块和CSS 文件，可以在HTML页面中显示源代码的代码高亮效...阅读全文
posted @ 2011-11-08 07:39 孟晨 阅读(3109) | 评论 (1) 编辑
 
摘要: Image slideshow - 图片相册插件 1)Ajax jQuery Slider with Blinds Effect是一个确实令人惊奇的图片展示插件，有着独一无二的切换效果。它有着灵活的结构，支持自动切换、导航箱、链接图像，并且可以免费使用。主页:http://plugins.jquery.com/project/Ajax_jQuery_Blinds_Slider演示地址:http://wowslider.com/ajax-jquery-slider-pulse-blinds-demo.html 2）Sliderman js一个标准的 javascript 类库，用来实现...阅读全文
posted @ 2011-11-07 13:38 孟晨 阅读(1951) | 评论 (0) 编辑
 
摘要: AutoComplete - 自动完成插件(2) 1)AutoSuggest能够将任意常规文本输入框变成一个标签自动完成输入框。它将动态创建函数所需的所有HTML元素。使用AutoSuggest，不需要添加任何额外的html代码。主页:http://code.drewwilson.com/entry/autosuggest-jquery-plugin更新日期:2010-07-18 2)ajaxComboBox一个高级AJAX ComboBox控制，提供多种功能包括下拉选项分页，输入值自动过滤，鼠标移过下拉选项显示Tooltips。主页:http://d.hatena.ne.jp/...阅读全文
posted @ 2011-11-04 17:51 孟晨 阅读(1884) | 评论 (1) 编辑
 
摘要: 1）Combogrid是一个jQuery插件用于为输入框添加高级自完成功能（auto-complete）。当用户输入的时候，会在输入框的下方面动态显示一个拥有分页功能的表格（Grid）控件。主页:http://combogrid.javaedintorni.it/ 2）Manifest是一个可以为多值输入增加更多惊喜的插件。Email地址中的多个收件人字段是一个非常好的例子，你可以只简单提供一般文本输入，要求用户使用分号手工分开每一个收件人。 但是移除收件人是一个费劲的事情，但是使用这个插件，你知道用户会非常高兴这种用户操作体验的。主页:https://github.com/jst...阅读全文
posted @ 2011-11-03 12:43 孟晨 阅读(3349) | 评论 (6) 编辑
 
摘要: Sliding Panels - 滑动门插件 1）Colorful Sliders With jQuery & CSS3使用 jQuery 和 CSS3 的特性来创建3D 动态的幻灯效果。主要功能：创建幻灯效果、动态改变柱状图、能够和 jQuery 整合。主页:http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/演示地址:http://demo.tutorialzine.com/2010/03/colorful-sliders-jquery-css3/demo.html更新日期:2011-10-19 2)divSl.阅读全文
posted @ 2011-11-02 09:16 孟晨 阅读(2365) | 评论 (0) 编辑
 
摘要: 1）JQuery Pager Plugin页面分页对程序员来说最熟悉不过，在Web开发中经常需要对页面进行分页。使用JQuery Pager插件能轻松实现JavaScript分页功能。用法非常简单。只需给出欲展示页面的数目、当前页，及对PageClick方法进行简单修改即可。主页:http://www.j-dee.com/2008/12/22/jquery-pager-plugin/演示地址:http://jonpauldavies.github.com/JQuery/Pager/PagerDemo.html 2）jQuery Paging该插件可以使用多种方式来解决页面分页问题，它...阅读全文
posted @ 2011-11-01 07:36 孟晨 阅读(3547) | 评论 (7) 编辑
 
摘要: 1） SpryMap一个超级轻量级的依赖于 JavaScript 的小组件，能够让 HTML 元素实现类似 Google Maps 中的点击和拖拽效果。主页:http://candrews.net/blog/2010/10/introducing-sprymap/演示地址:http://candrews.net/sandbox/spryMap/ 2）Dragdealer JS是一个JavaScript组件，用于创建支持拖拉操作的界面（如：Slider）。可以上下或左右拖拉，定义slider(x/y)的初始位置，设置每次拖拉的步长。主页:http://code.ovidiu.ch/drag...阅读全文
posted @ 2011-10-31 07:39 孟晨 阅读(2668) | 评论 (4) 编辑
 
摘要: 过渡特效插件 1) QuickFlip2这个jQuery插件能够让任意HTML标签块，点击产生类似于翻转一张卡片的效果，与iPhone上的UI动画一样。主页:http://jonraasch.com/blog/quickflip-2-jquery-plugin演示地址:http://dev.jonraasch.com/quickflip/examples/ 2)图片自动翻转，鼠标在图片上是停止翻转，点击标题的时候跳转到指定图片，然后接着翻转。主页:http://www.playgoogle.com/post/55.html演示地址:http://www.playgoogle.com...阅读全文
posted @ 2011-10-30 17:27 孟晨 阅读(2097) | 评论 (1) 编辑
 
摘要: 接上篇LightBox －灯箱效果插件(非常漂亮） 8）YoxView是一个可以灵活定制的jQuery图片查看插件（Lightbox），用于展示单张或多张图片。可以在一个模式对话框中利用向前/向后按纽或slideshow的方式浏览图片。YoxView支持在同一个页面放置多个实例，而且这些实例可以单独配置。YoxView还支持多种语言，可以通过语言文件定制。主页:http://www.yoxigen.com/yoxview/ 9）Shadowbox是一个拥有Lightbox效果的多媒体文件查看工具。完全采用JavaScript和CSS开发，代码简洁、模块化底层可以使用多种JavasCr...阅读全文
posted @ 2011-10-28 17:57 孟晨 阅读(2789) | 评论 (5) 编辑
 
摘要: Lightbox，也就是灯箱特效 1）TopUp是一款基于jquery用于显示图片和网页的对话框组件.主页:http://gettopup.com/ 2）CeraBox是一个基于MooTools的Lightbox灯箱插件。它能够展示图片，SWF文件和其它任意可通过iframes或Ajax加载的HTML内容。展示窗体可以根据加载内容大小自动调整。主页:http://cerabox.ceramedia.nl/ 3）Imagebox是一基于jquery的lightbox图片展示插件.主页:http://www.intelliance.fr/jquery/imagebox/ 4...阅读全文
posted @ 2011-10-28 07:33 孟晨 阅读(6574) | 评论 (28) 编辑
 
摘要: Select-下拉列表选择插件包含下拉选择图片，grid,下拉框选项的搜索，多个标签编辑,为下拉框中的每个选项添加不同图标等功能 1）ImageSelect是一个jQuery插件能够让用户从一个漂亮的下拉框中选择图片。主页:http://www.liam-galvin.co.uk/imageselect/演示地址:http://www.liam-galvin.co.uk/misc/imageselect-demo/ 2)multiselect这是一个jQuery UI插件，可以将有多个选择内容的组合框转换为下拉菜单样式。主页:http://corydorning.com/proje...阅读全文
posted @ 2011-10-27 15:13 孟晨 阅读(11637) | 评论 (8) 编辑
 
摘要: 接上篇Form Effect - 表单美化插件作的补充，希望对您有所帮助。 1)elastic jQuery plugin这个插件能够让Textareas随着输入内容的增加自动增长变化。主页:http://www.unwrongest.com/projects/elastic 2)LinkselectjQuery插件Linkselect可以将下拉框转换成链接下拉显示，丰富下拉框的展示形式， 如自定义下拉框外观，下拉框选择元素风格等，效果图如下主页:http://www.givainc.com/labs/linkselect_jquery_plugin.htm演示地址:http://www...阅读全文
posted @ 2011-10-27 11:47 孟晨 阅读(2454) | 评论 (0) 编辑
 
摘要: 1）UeditorUeditor 是百度推出的一款开源在线 HTML 编辑器。主要特点：轻量级：代码精简，加载迅速。定制化：全新的分层理念，满足多元化的需求。采用三层架构：1. 核心层： 为命令层提供底层API，如range/selection/domUtils类。2. 命令插件层： 基于核心层开发command命令，命令之间相互独立。3. 界面层： 为命令层提供用户使用界面。满足不同层次用户的需求。浏览器兼容兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome，实现浏览器无差别化。注重细节统一不同浏览器下表格选取方式。提供黑/白名单的过滤机制。..阅读全文
posted @ 2011-10-27 07:25 孟晨 阅读(12650) | 评论 (27) 编辑
 
摘要: js Tree - 树形菜单 1)DTree是JQuery 著名树形插件Dynatree的包装类，增加右键菜单，添加、删除、更新接口。主页:http://www.boarsoft.com/cn/javascript/dtree/ 2)jquery treeList widget这是一个利用jQuery UI Widget Factory创建的轻量级，可换肤树形列表控件。主页:http://www.jordivila.net/lightweight-treelist-widget.html演示地址:http://www.jordivila.net/code/js/jquery/ui-...阅读全文
posted @ 2011-10-26 21:22 孟晨 阅读(11138) | 评论 (8) 编辑
 
摘要: javascript Side Bar - 侧边菜单插件 1)Sticklr一个利用CSS3技术实现的侧边面板。可以在这个侧边面板放置各种元素，从邮件收件箱到自定义表单。主页:http://plugins.jquery.com/project/Sticklr_Sticky_Side_Panel演示地址:http://amatyr4n.com/codecanyon/sticklr/ 2)Beautiful Slide Out Navigation: A CSS and jQuery Tutorial利用jQuery和CSS创建一个漂亮的侧边导航菜单。导航条会跟滚动条滚动而滚动。当鼠标...阅读全文
posted @ 2011-10-26 13:20 孟晨 阅读(3577) | 评论 (1) 编辑
 
摘要: js Grid - 列表插件 1）Sponsor Flip Wall With jQuery & CSS一个非常不错的显示数据到网格里的插件。 点击后，缩略图会翻转，然后显示更多信息。主页:http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/演示地址:http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php 2）TableTree4J 是一个开源的基于javascript的树状菜单和表格控件，实用TableTree4J可以轻易阅读全文
posted @ 2011-10-26 07:41 孟晨 阅读(11475) | 评论 (28) 编辑
 
摘要: Accordion - 手风琴 折叠菜单插件(2) 1)Blue left panel类似于Windows XP左边蓝色可折叠的一个面板菜单控件。主页:http://www.dhtmlgoodies.com/index.html?whichScript=xp_info_pane演示地址:http://www.dhtmlgoodies.com/scripts/xp-info-pane/xp-info-pane.html 2)Accordion Menu script基于jQuery开发的可折叠菜单。主页:http://www.dynamicdrive.com/dynamicindex...阅读全文
posted @ 2011-10-25 12:42 孟晨 阅读(2644) | 评论 (1) 编辑
 
摘要: 接上篇Tabs - 选项卡插件其中12）Yet (E)Another Tab Interface没有依赖任何javascript框架，以作补充 9）Flipping Content Tabs是一款基于jquery的tab插件,该插件特别之处,当切换不同的标签时,它所显示翻转标签的效果,动感十足.主页:http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/演示地址:http://demo.webdeveloperplus.com/flipping-tabs/ 10）Smart Ta...阅读全文
posted @ 2011-10-24 14:14 孟晨 阅读(1984) | 评论 (0) 编辑
 
摘要: Tabs - 选项卡插件 1）wdScrollTab是一个采用jQuery实现的Tab面板，当标签太多超出页面时会自动滚动。支持iframe、ajax调用和动态加载内容。主页:http://www.web-delicious.com/jquery-plugins演示地址:http://www.web-delicious.com/jquery-plugins-demo/wdScrollTab/sample.htm 2）Tabs jQuery Plugin是一个容易进行添删选项卡的插件,简单易用.主页:http://www.etmvc.cn/project/show/63 3）Kandy...阅读全文
posted @ 2011-10-24 07:06 孟晨 阅读(4301) | 评论 (12) 编辑
 
摘要: 在一些WEB系统中，日期选择插件必不可少的功能，今天为大家分享几个不错的日期选择插件。希望对大家有所帮助。 1)My97DatePicker是一个更全面，更人性化，并且速度一流的日期选择控件。具有强大的日期范围限制功能；自定义事件和丰富的API库；多语言支持和自定义皮肤支持；跨无限级框架显示和自动选择显示位置。主页:http://www.my97.net/dp/index.asp演示地址:htt...阅读全文
posted @ 2011-10-23 08:57 孟晨 阅读(12947) | 评论 (20) 编辑
 
摘要: 信息提示虽然是小东西，但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好，会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件，希望对各位有所帮助。记住，所有的这些都是为了使网站设计更好。1. Dynamic tooltip非常漂亮的tooltip！有渐变、透明、阴影等效果。Dynamic tooltip2. Popup Bubble优秀的tooltip！虽然看起来简单，但是过渡效果非常棒，适用于简单干净的网站。Popup Bubble3. jQuery Horizontal Tooltips Menu Tutorials精美的tooltip！提示信息不...阅读全文
posted @ 2011-10-23 08:34 孟晨 阅读(5984) | 评论 (2) 编辑
 
摘要: Calendars - 日历插件 1)jQuery Frontier Calendar是一个可灵活定制的月日历jQuery插件，看起来类似于Google Calendar。当在一个日期单元格中有比较多的待办事项时，将出现一个更多的链接，点击这个链接会弹一个jQuery模式对话框来显示所有的事务。这个日历还支持通过CSS文件改变整个日历的背景。主页:http://code.google.com/p/jquery-frontier-calendar/ 2)NoGray 制定了一个像我们这样的Web开发人员自由和高度可定制的JavaScript日历组件。它外观和日历的感觉也可以很容易使用CSS改变.阅读全文
posted @ 2011-10-22 08:06 孟晨 阅读(5646) | 评论 (3) 编辑
 
摘要: 分享几个Menu - 菜单插件，此篇有一个Twitter风格的下拉登录表单。 1) Create a Twitter Style Login Form with jQuery利用jQuery创建一个Twitter风格的下拉登录表单。主页:http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/演示地址:http://aext.net/example/twitterlogin 2)Flickr horizontal menu利用jQuery实现类似于Flickr横向下拉菜单。主页:...阅读全文
posted @ 2011-10-21 07:29 孟晨 阅读(2669) | 评论 (6) 编辑
 
摘要: Form Effect - 表单美化插件 1)Formly这个基于jQuery的表单美化插件,并带有表单校验功能。http://thrivingkings.com/formly/ 2)jQuery Tags Input这个jQuery插件能够将一个简单的文本输入转换成一个漂亮的Tag列表。http://xoxco.com/clickable/jquery-tags-input演示地址:http://xoxco.com/clickable/jquery-tags-input#examples 3)jFormer是一个jQuery插件能够利用最新的Web开发技术快速生成漂亮，符合标...阅读全文
posted @ 2011-10-20 07:23 孟晨 阅读(3460) | 评论 (3) 编辑
 
摘要: Menu - 菜单插件 1)Lava Lamp基于JQuery 的水平滑动导航条http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ 2)jQuery.dropmenu这个插件能够将标准的UL元素转换成一个包含子菜单的下拉菜单。易于使用，风格样式采用CSS控制。 http://www.frebsite.nl/werk/scripts/jquery_dropmenu_plugin/index_en.php#voorbeelden 3)JQuery Context Menu Plugin是一个非常轻便的jQ...阅读全文
posted @ 2011-10-19 07:27 孟晨 阅读(6084) | 评论 (3) 编辑
 
摘要: Notify - 消息通知插件 1)Sticky是一个简单的页面消息提醒jQuery插件。可以设置让消息在页面的四个角落出现，也可以设置在页面中央出现。可以手动关闭消息，也可以设置成自动关闭。http://thrivingkings.com/sticky/ 2)JNotify是一个JQuery插件，基于JQuery UI实现，用于创建页面消息提醒和状态提示条。http://jnotify.cod...阅读全文
posted @ 2011-10-18 07:25 孟晨 阅读(5788) | 评论 (26) 编辑
 
摘要: 1）JavaScript可被用来验证HTML表单的输入数据（在内容被送到服务器之前）。就是这样，有许多领域的表单，在JavaScript验证变得太复杂而枯燥。这就是为什么fValidator会存在，它使得表单验证变得更容易。 fValidator兼容，Internet Explorer，Firefox（与它的Mozilla的伙伴），Opera和Safari浏览器。http://zendold.lojcomm.com.br/fvalidator/ 2 ）jQuery.Validation是一款表单验证插件.http://bassistance.de/jquery-plugins/jquery-.阅读全文
posted @ 2011-10-17 09:13 孟晨 阅读(2914) | 评论 (7) 编辑
 
摘要: 分享几个jquery Dialog弹出窗插件 1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件，大小只有4KB，要求jQuery 1.5.2+支持。可用于替换JavaScript原始的“alert” 和“confirmation”对话框。这个插件使用jQuery Plugin Boilerplate构建。http://stefangabos.ro/jquery/zebra-dialog/ 2)LeanModal是一个用于创建模式对话框的超级简单JQuery插件。可以展示隐藏的页面内容，整个插件大小只有780bytes，可灵活变化高度和宽度，没有用到任何图片，支持在一...阅读全文
posted @ 2011-10-16 06:54 孟晨 阅读(22604) | 评论 (6) 编辑
 
摘要: 分享几个星型评级插件 1）jRating是一个非常灵活的jQuery插件用于快速创建一个Ajax星型投票系统。可以设置星型数量和小数支持。http://www.myjqueryplugins.com/jRating演示地址:http://www.myjqueryplugins.com/jRating/demo2）jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标，创建各种评级组合，星星数量，每一颗星星的注释，可以在当一个星星被点击时的加回调函数。http://www.wbotelhos.com/raty/ 3）Query Rater Star Plu..阅读全文
posted @ 2011-10-15 15:42 孟晨 阅读(4476) | 评论 (2) 编辑
 
摘要: 分享几个Tooltips插件 1) Poshy Tip 是一个强大的jQuery Tooltips插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/ 2）Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cssglobe.com/post/4380/easy-tooltip--jquery-plugi...阅读全文
posted @ 2011-10-13 23:38 孟晨 阅读(15074) | 评论 (16) 编辑
 
摘要: 1) Galleria 图片廊。它加载的图像，从一个无序列表，每一个图像加载时显示缩略图。它会为您创建的缩略图，如果你选择的话，缩放或CSS定义一个固定的缩略图框。2) jQuery Multimedia Portfolio 可支持多种媒体组合:照片,视频(flv)、音频(mp3)、会自动检测各媒体的延伸和运用。3）wSlide4)PicLens Slideshow5）Shadowbox 作者：孟晨 出处：http://www.cnblogs.com/xiaoyao2011/ 欢迎任何形式的转载，但请务必注明出处。阅读全文
posted @ 2011-10-13 09:12 孟晨 阅读(1662) | 评论 (0) 编辑

作者：孟晨 
出处：http://www.cnblogs.com/xiaoyao2011/ 
欢迎任何形式的转载，但请务必注明出处。

 
分类: js插件库

Tabs - 选项卡插件的更多相关文章

  1. 基于jQuery简单实用的Tabs选项卡插件

    jQuery庞大的插件库总是让人欢喜让人忧,如何从庞大的插件库里挑出适合自己的插件,总是让很多缺少经验的朋友头疼的事!今天为大家推荐几款简单实用的Tabs选项卡插件,推荐理由:简单易用灵活,样式美观, ...

  2. [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件

    jquery插件一般是这么干的: $.fn.插件名称 = function(){}, 把插件的名称加在.fn上,在源码里面实际上是扩展到构造函数的原型对象上,如果你没看过jquery的源代码,或者你曾 ...

  3. 【特效】jquery选项卡插件，页面多个选项卡统一调用

    把选项卡整合了一下,写成个插件,这样可以整个站,或整个页面有多个选项卡时,统一调用.代码的具体注意事项已经写进注释了.用于js获取元素的class名称必须有,选项卡本身的样式,另再取一个名字来设置(本 ...

  4. [js插件开发教程]实现一个比较完整的开源级选项卡插件

    在这篇文章中,我实现了一个基本的选项卡功能:请猛击后面的链接>>   [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件. 还缺少两个常用的切换(自动切换与透明度渐变),当然 ...

  5. 使用jQuery.extend创建一个简单的选项卡插件

    选项卡样式如图,请忽略丑陋的样式,样式可以随意更改 主要是基于jquery的extend扩展出的一个简单的选项卡插件,注意:这里封装的类使用的是es6中的class,所以不兼容ie8等低版本浏览器呦! ...

  6. jquery Tabs选项卡切换

    效果: HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  7. 实现jquery EasyUI tabs选项卡关闭图标后载入自己定义事件

    当关闭tabs选项卡时,底部footer须要通过javascript又一次定位calcFooter(),怎样实现呢?选项卡上的关闭图标的方法是easyui自带的,calcFooter()写在onClo ...

  8. 基于jQuery UI的tabs选项卡美化

    很多朋友对JS望而生畏,但听很多朋友说jQuery很简单,因此开始使用jQuery,使用之后发现,只会写简单的功能,复杂的功能还是不太会写或者总是担心自己写的有性能问题,对前端人员来说只能通过不断学习 ...

  9. 第二百节，jQuery EasyUI，Tabs(选项卡)组件

    jQuery EasyUI,Tabs(选项卡)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 5.选项卡面板 本节课重点了解 EasyUI 中 Tabs(选项卡)组件的使用方 ...

随机推荐

  1. HDOJ 4248 A Famous Stone Collector DP

    DP: dp[i][j]前i堆放j序列长度有多少行法, dp[i][j]=dp[i-1][j] (不用第i堆), dp[i][j]+=dp[i-1][j-k]*C[j][k] (用第i堆的k个石头) ...

  2. CSDN markdown 编辑 第五章 UML

    这里大概只能产生两种类型的图: 序列图 框图 序列图 ```sequence A->B: 一句话证明你非常寂寞. Note right of B: thinking B->B: count ...

  3. Tomcat通过JNDI方式链接MySql数据库

    原文:Tomcat通过JNDI方式链接MySql数据库 拷贝MySQL的JDBC驱动到Tomcat的lib路径下 配置全局数据源或者单个Web应用的局部数据源 局部数据源 在Tomcat的conf/C ...

  4. malloc实现原理

    记得早一段时间,看到一本书上写过delete的一个..今天突然找啦一下资料: malloc()是C语言中动态存储管理 的一组标准库函数之中的一个.其作用是在内存的动态存储区中分配一个长度为size的连 ...

  5. Swift学习——Swift解释特定的基础（七）

    Implicitly Unwrapped Optionals    隐式解析选项 如上所述.可选意味着常数或变量"没有值".通过可选if声明来推断是否存在值,假设有值析值. 有时候 ...

  6. C面试题

    1.sizeof()和strlen()使用? 答案: 1.从功能定义,strlen功能,要查找字符串的长度,sizeof功能是用来寻找指定的变量或变量类型的存储器占用 尺寸: 2.sizeof是运算符 ...

  7. JS日期时间选择器

    本文介绍一种日期和时间选择器的使用方法.此选择器由jqueryUI实现,支持精确到毫秒的时间选择. 此选择器项目地址为http://trentrichardson.com/examples/timep ...

  8. Cloudera CDH 5集群搭建（yum 方式）

    1      集群环境 主节点 master001 ~~ master006 从节点 slave001 ~~ slave064 2      安装CDH5的YUM源 rpm -Uvhhttp://ar ...

  9. jQuery UI的datepicker日期控件如何让他显示中文

    首先是引入UI的JS文件和模板文件,如下: <link rel=”stylesheet” href=”./ui/themes/le-frog/jquery.ui.all.css”> < ...

  10. php_ThinkPHP的RBAC（基于角色权限控制）详解

    一.什么是RBAC 基于角色的访问控制(Role-Based Access Control)作为传统访问控制(自主访问,强制访问)的有前景的代替受到广泛的关注. 在RBAC中,权限与角色相关联,用户通 ...