接上篇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. 公布一个基于 Reactor 模式的 C++ 网络库

    公布一个基于 Reactor 模式的 C++ 网络库 陈硕 (giantchen_AT_gmail) Blog.csdn.net/Solstice 2010 Aug 30 本文主要介绍 muduo 网 ...

  2. zju2676 Network Wars 分数规划+网络流

    题意:给定无向图,每条边有权值,求该图的一个割集,是的该割集的平均边权最小 Amber的<最小割模型在信息学竞赛中的应用>中讲的很清楚了. 二分答案k,对每条边进行重新赋值为原边权-k,求 ...

  3. MLAPP——概率机器学习知识汇总

    <机器学习>课程使用Kevin P. Murphy图书<Machine Learning A Probabilistic Perspective>本英语教材,本书从一个独特的数 ...

  4. ZOJ-3652-Maze(BFS)

    Celica is a brave person and believer of a God in the bright side. He always fights against the mons ...

  5. 笔试题&amp;面试题：设计一个复杂度为n的算法找到单向链表倒数第m个元素

    设计一个复杂度为n的算法找到单向链表倒数第m个元素.最后一个元素假定是倒数第0个. 提示:双指针查找 相对于双向链表来说,单向链表仅仅能从头到尾依次訪问链表的各个节点,所以假设要找链表的倒数第m个元素 ...

  6. js地址下拉列表中全职工作

    /******************************************************************* *输出全国各省辖市下拉列表项writeCitys() *输出企 ...

  7. 用jQuery写了一个模态框插件

    用jQuery写了一个模态框插件 大家觉得下面的框框好看么, 水印可以去掉(这个任务交给你们了(- o -)~zZ); "info"框 $("div").con ...

  8. easyUI 插件写法 ---Validatebox 插件为例

    easyui 的每个组件都有属性.方法和事件.用户可以很容易地对这些组件进行扩展. js地址:jquery-easyui-1.3.3/jeasyui-extensions/jeasyui.extens ...

  9. HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作

    http://www.ibm.com/developerworks/cn/web/1210_jiangjj_html5db/ 版权声明:本文博客原创文章,博客,未经同意,不得转载.

  10. android台 cocos2d-x 翻阅相册数据

    现在解决 程序如下所示: 1.采用 jni 转让 java 办法 启动专辑选择框 2.采用java得到的图片将被保存到本地 3.采用Cocos2d-x于 CCImage 阅读 JAVA码如下面:   ...