推荐2013年最新的10款jquery插件
- 格式:pdf
- 大小:353.51 KB
- 文档页数:7
9 款风格华丽的jQuery/CSS3 插件推荐今天向大家分享9款效果相当不错的jQuery/CSS3插件,不多说,直接来看看这些插件吧。
1、jQuery动画下拉菜单Smart Menu这是一款基于jQuery的动画下拉菜单,子菜单外观比较时尚,鼠标移到菜单上时即可弹出漂亮的子菜单。
在线演示/ 源码下载2、jQuery滑杆改变页面和文字大小我们可以滑动滑杆来调整页面窗口和文字的大小,滑杆在滑动中十分流畅,窗口大小也随着动态改变。
在线演示/ 源码下载3、NotifIt jQuery动画通知Tip插件NotifIt是一款基于jQuery的Tip通知插件,NotifIt可以自定义通知弹出的位置和停留的时间。
在线演示/ 源码下载4、jQuery图标多功能下拉导航这款jQuery菜单外观华丽,功能也十分强大,不仅支持多级下拉菜单,而且支持表单、搜索、自定义内容等高级功能。
在线演示/ 源码下载5、纯CSS3动画按钮UI设计类似的CSS3按钮素材也有不少,这款CSS3按钮完全是使用CSS3实现的,而且在开关按钮打开或者关闭的过程中,按钮会出现很酷的动画效果。
在线演示/ 源码下载6、jQuery图片展示滑动切换特效这是一款基于jQuery的图片展示焦点图插件,图片播放十分流畅,是一款配置简单实用的jQuery焦点图。
在线演示/ 源码下载7、jQuery响应式弹窗VenoBoxVenoBox是一款基于jQuery的响应式弹出窗口,VenoBox支持弹出图片、文字、youtube 视频、Google地图等任意网页元素,非常实用。
在线演示/ 源码下载8、纯CSS3实现的点击发光按钮特效这款按钮时基于纯CSS3实现的,当用户点击按钮的瞬间,按钮四周会发出淡淡的白光效果,是一款非常有特色的按钮。
在线演示/ 源码下载9、Javascript实现网页元素拖拽排序这款Javascript拖拽排序插件可以让你非常方便地拖动网页上的元素,被拖拽的元素在完成拖拽时可以进行即时排序。
10个最棒的jQuery和HTML所见即所得编辑器插件HTML5所见即所得WYSIWYG(What You See Is What You Get)编辑器的需求量是非常大的。
但是现在有太多这样的编辑器了,想要从其中找到一个合适的并不容易。
今天这篇文章为大家分享10个我认为是十分棒的所见即所得插件,应该有适合你的需求并能节省你时间的。
1.FroalaFroala所见即所得HTML编辑器非常易于整合和使用。
它几乎不需要你掌握任何代码知识。
它需要jQuery1.11.0或者更高版本、以及Font Awesome4.4.0字体图标的支持。
除了整合的UX以及UI外,还提供了很好的XSS攻击保护。
特点:∙文件压缩后34K∙行内编辑∙支持键盘快捷键∙要求基本的HTML和JavaScript知识∙深浅两种主题∙对移动端做了优化∙支持Word∙34种语言支持以及RTL(Right to Left)从右向左支持2.ContentToolsContentTools是一个小而美的内容编辑器。
该库不需要任何JavaScript框架或库的支持(包括jQuery),但是却表现很好。
ContentTools包由5个库组成,每一个都可以单独使用,并且该插件易于扩展。
特点:∙压缩后49KB∙行内编辑∙可以调整图片和视频大小∙支持撤销/重做(undo/redo)3.Raptor EditorRaptor Editor是一个开源的JavaScript所见即所得HTML编辑器,对用户友好,易于集成和定制。
它为行内编辑而设计,是复杂的多块布局的理想选择。
它所用最新的技术如HTML5ContentEditable及jQuery,特性有内置单元测试、模块化、可扩展及插件API。
特点:∙支持行内编辑∙灵活的对接选项∙可定制的主题∙良好的文档4.AlohaAloha是一个多功能的内容编辑库。
它允许在你的WEB应用中无缝的嵌入编辑。
主要缺点是不支持图片插入。
12款很好用的jQuery 图片滚动插件这里收集了12款很好用的jQuery 图片滚动插件分享给大家。
jQuery 作为最流行的JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用。
其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力。
SlidesSlides 是一款精巧的jQuery 幻灯片插件,有循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页。
3D Image SliderFace Detection是一个非常不错的插件,正如它的名字一样,它用于照片的人脸检测。
Portfolio Image Navigator精致的图片导航效果,通过四个方向的箭头控制,适合作品展示的应用场合。
Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的jQuery 插件和WordPress 插件两个版本。
目前下载量已经突破1,800,000 次!Rotating Image Slider非常非常炫的图片旋转滑动特效,相信会给你留下深刻印象。
SlidySlidy是一个可定制自动变换效果的插件。
MobilyNotesMobilyNotes是一个轻量级(只有2KB)的jQuery插件,可以让图像或其它HTML内容以层叠的方式显示。
jQuery Easy Slides这是一个非常易用的幻灯片插件,同样非常轻量,与JavaScript和CSS加起来才2.1KB。
BookletBooklet是一个用于把图片或者更多其他的内容以书本的形式显示的jQuery插件,有翻页效果。
ppGalleryLightbox 弹窗效果效果的图片切换,有缩略图导航和滑动切换功能,支持自动播放。
PikachoosePikachoose也是一个轻量级的jQuery插件,可以让图片以幻灯片的格式显示,可设置导航按钮和自动播放。
AviaSliderAviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。
10个生成全球地图的jQuery插件∙jQuery∙#文章∙jQuery插件∙google地图收藏(1)关注评论(0)阅读(1285) 1. JQVMap一个帮助你渲染生成矢量地图的jQuery插件,使用SVG(Scalable Vector Graphics)在现代浏览器(Firefox,Safari,Chrome,Opera等)上生成地图。
2. CraftMap (previous MobilyMap)支持完整配置的jQuery插件,可以帮助通过添加一些元素转化简单图片为一个全功能的地图。
类似Google地图,你可以添加你自己的地图图标并且添加地点信息,支持拖拽。
3. Interactive World Map使用HTML5代码生成并且基于SVG,可以方便的缩放,并且不损失质量4. CSS & jQuery clickable map不使用任何flash player或者插件将一组地图转化为可以点击的地图,支持现代浏览器甚至是iphone或者iPad5. U.S. Map简单方便的添加一组互动的USA及其各州地图到你的网页上6. Raphaël World Map使用Rapahel插件生成的全球地图7. Poly Maps一个使用SVG生成图片或者矢量层次地图的javascript8. Interactive Maps Generator一个独立的应用,可以帮助你生成各式各样的地图代码,以便方便的插入你的网站9. Interactive SVG USA Map使用javascript,并且不调用任何flahs,支持ipad和iphone。
支持自由的改变地图尺寸,并且可以直接在xml中修改地图大小。
10. Kartograph一个简单轻量级的框架,帮助创建一个互动的地图应用(不使用任何地图服务或者Google地图)转自极客标签。
10个免费的jQuery可视化编辑器插件⽂本编辑器,也就是所见即所得的HTML编辑器,是⽹站⼀个⾮常重要的组件,特别是对于⼀些内容发布⽹站来说。
本⽂介绍10个基于jQuery的可视化⽂本编辑器。
1.MarkitUpmarkItUp!并不是全功能的编辑器,它是⼀个⾮常轻量级、可定制的灵活引擎,适合CMS、博客、论坛等⽹站。
makrItUp并不是所见即所得的,以后也不会是。
demo / source2.jWYSIWYG这是⼀个内嵌的内容编辑器,可直接编辑HTML内容,并具备所见即所得的效果,该插件体积⾮常⼩,只有不到26K。
demo / source3.RTE jQuery该编辑器同样⾮常⼩⽽且易⽤,并可根据需要进⾏定制,jquery.rte.js⽂件只有7k(未压缩),兼容主流浏览器(IE6,Firefox 2,Opera 9,Safari 3.03)demo / source4.jHtmlAreajHtmlArea是⼀个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。
这个组件可以很⽅便将页⾯中的TextArea标签转换成⼀个WYSIWYG HTML Editor。
整个编辑器包括图⽚和CSS⼤⼩只有22k。
demo / source5.WYMEditorWYMeditor是⼀个基于Web浏览器的可视化HTML编辑器,界⾯如下图所⽰demo / source6.uEditoruEditor是⼀个灵活易⽤的编辑器,⽣成的HTML代码很简单整洁,可通过css定制外观demo / source7.jQuery WYSIWYG Rich Text EditorjQuery Wysiwyg是⼀个易于集成和定制的编辑器,⽀持浏览器:IE6,IE7,IE8,FF3,Opera9,Safari4,Google Chrome2,使⽤MIT授权demo / source8.HtmlBoxHtmlBox是⼀个基于jQuery开发的HTML/XHTML编辑器。
本文由我司收集整编,推荐下载,如有疑问,请与我司联系jQuery 插件汇总(待添加)2013/10/08 0 jQuery 插件jQuery Spin Button 自定义文本框数自增或自减jQuery 插件JQuery Pager 分页器实现javascript 分页功能jQuery 插件FontSizer 实现Javascript 自定义动态调整网页文字大小jQuery 插件Magnify 放大镜实现javascript 图片放大功能jQuery 插件tooltip 提示条实现Javascript 动态文字或图片提示效果jQuery 插件Step Carousel Viewer 实现Javascript 图片滑动旋转效果jQuery 插件accordion 折叠菜单实现Javascript 展开收缩菜单功能jQuery 插件ImageFlyout 弹出图片实现javascript 放大图片功能jQuery 插件SmoothNavigationalMenu 导航菜单实现Javascript 下拉多级菜单功能jQuery 插件PiroBox 弹出图片盒实现Javascript 新窗口全屏图片展示功能jQuery 插件CalendarWidget 日历工具实现Javascript 简单日历功能jQuery 插件Datepicker 日期选择器实现Javascript 自定义日期时间选择功能jQuery 插件TableSearch 表搜索实现Javascript 搜索表内容功能jQuery 插件floatbox 浮动层实现javascript 弹出浮动窗口功能jQuery 插件timers 定时器实现javascrip 定时或按钮控制功能jQuery 插件absolutizePrototypePort 实现Javascript 绝对定位jQuery 插件$.event.special.drag 拖动实现javascript 随意定制拖动功能jQuery 插件smartFocus 实现javascript 文本框blur 焦点显示或隐藏默认效果jQuery 插件AjaxFileUpload 文件上传实现Javascript 多文件上传功能jQuery 插件AjaxManager 实现Javascript 自定义ajax 请求和响应时间功能jQuery 插件AjaxQueue 队列实现Javascript 队列或同步请求功能jQuery 插件ajaxContent 实现javascript 通过ajax 获取任意内容jQuery 插件Add2Cart 添加到购物车实现javascript 动态提示添加到购物车效果jQuery 插件animateToClass 实现javascript 自定义动画效果jQuery 插件Lightweight Rich Text Editor 轻量级编辑器jQuery 插件Adjacent 实现动态获取相邻元素增加自定义效果jQuery 插件ColorBox 彩盒实现javascript 自定义灯箱效果jQuery 插件James 实现javascript 自动完成提示功能jQuery 插件Validate 验证表单实现javascript 表单验证功能jQuery 插件Validation 验证表单实现javascript 表单智能验证功能jQuery 插件QuickPaginate 快速分页实现javascript 分页功能jQuery 插。
25个超棒的jQuery消息提醒插件jQuery的通知插件帮助您创建各种通知信息,如错误,警告和简单的通知消息。
我们选择25个最好的jQuery通知插件,使您能够为您的网站和Web应用创建各种通知消息和警报,并为访客提供更好的用户体验。
1. jQuery Toastmessagejquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. The toasted messages arriving on the screen in a seamless and natural way.2. jQuery Notification MenuA jQuery plugin to add notification bubbles and a notification list to any menu.3. Notynoty is a jQuery plugin that makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. The notifications can be positioned at the top, topCenter (like GMail), bottom, centre, top left or top right. There are lots of other options in the API to customise the text, animation, speed, buttons and much more.4. NotifyNotify! is a jQuery Notification Plugin which adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigatethrough pages or interact with interface.5. AlertifyAlertify is an unobtrusive customizable JavaScript notification system.6. Toastrtoastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.7. PnotifyPNotify is a JavaScript notification plugin, developed by SciActive. Formerly known as Pines Notify. It is designed to provide an unparalleled level of flexibility, while still being very easy to implement and use. PNotify provides desktop notifications based on the Web Notifications Draft. If desktop notifications are not available or not allowed, PNotify will fall back to displaying the notice as a regular, in-browser notice. 8. Jui_alertjui_alert is a jQuery plugin, provides simple notification with timeout and close button. jQuery UI themes compatible and with localization support.9. AmaranjsAmaran JS is a jQuery plugin to create beautiful and stylish notifications with animations.10. jBarjBar is a simple and lightweight jQuery notification bar that’s been revi sited and rewritten (18.11.2012) as an official plugin, which serves up loads of easy customisable options. The jBar allows you to create a simple call to action and bring it forward for the user to see at the top of your website.11. NotifitnotifIt is a jQuery plugin to show notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!12. FreeowFreeow! is a plugin for making Growl-like alerts or message boxes on your website. You can customize the look and animation of Freeow! each time a message box appears, and you can alter other options such as whether or not to have the message box hide itself automatically.13. jNotifyjNotify is a jQuery plugin for displaying animated notifications easily and only with a single line of code. There are 3 built-in notification types: information, success and failure where each of them can be skinned via CSS14. StickySticky is a simple notification system that allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.15. ClassyNottyjQuery ClassyNotty is a plugin that enables your application to display unobtrusive, beautiful and elegant notifications. 16. Bootstrap GrowlPretty simple jQuery plugin that turns standard Bootstrap alerts into hovering “Growl-like” notifications. It has number of features such as it uses standard Twitter Bootstrap alerts which provides ‘info’, ‘error’, and ‘success’ styles, and multiple growls called consecutively are stacked up one after another in a list.17. Notify BetterNotify Better is a jQuery plugin that let you change your favicon, browser’s title and more to reflect new notifications. 18. TitleNotifier.jsTitleNotifier.js is a lightweight, dependency-free javascript library to dynamically show the number of unread notifications in your webpage title.19. GritterGritter is a jQuery plugin for creating Growl-like notifications with ease. The notification bubbles created looks very similar to the ones in Mac OS X & they can be styled easily if wanted. 20. Notify.jsNotify.js is a jQuery plugin to provide simple yet fully customisable notifications.21. NotifymenotifyMe is a simple plugin created for fun and learning for fixed notifications in pages. He works when a button is clicked, errors, validations, info and everything you want.22. Notific 8Notific8 is a notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default). 23. KiNoticeKiNotice is a simple jquery plugin for creating beautiful notifciations for your web applications.24. iosOverlay.jsiosOverlay.js is iOS-style overlays/notifications for the web. It has been tested on IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad. To prevent icon flickers as they load, you have to preload image resources. Spin.js is required if you want to use a spinner object. And jQuery is required for a fallback CSS animation support.25. Sweet AlertSweet Alert is a beautiful replacement for JavaScript Alert. SweetAlert automatically centers itself on the page and looks great no matter if you’re using a desktop computer, mobile or tablet. It’s even highly customizeable.via jqueryhouse。
jq插件使用方法jq是一个轻量级的命令行JSON处理工具,它可以用来处理和转换JSON数据。
jq提供了丰富的功能,使得在JSON数据中查找、过滤、修改和转换等操作变得更加简单。
安装jq插件在使用jq之前,首先需要在操作系统中安装jq。
jq可以在多个操作系统上使用,包括Linux、Mac和Windows。
在Linux上安装jq,可以使用以下命令:sudo apt-get install jq在Mac上安装jq,可以使用以下命令:brew install jqjq的基本使用jq的基本用法非常简单。
以下是一些常用的jq命令:1.选择JSON对象的属性:jq '.属性名' 文件名例如,假设有一个名为data.json的文件,其中包含以下JSON数据:"name": "Alice","age": 25,要选择name属性,可以使用以下命令:jq '.name' data.json运行上述命令后,jq会输出"name"属性的值:"Alice"。
2.过滤JSON数组:jq '.数组名[]' 文件名例如,假设有一个名为data.json的文件,其中包含以下JSON数据:"users":"name": "Alice","age": 25,},"name": "Bob","age": 30,}要选择users数组中的所有元素,可以使用以下命令:jq '.users[]' data.json运行上述命令后,jq会输出users数组中的所有元素。
3.过滤JSON对象:jq '.对象名, .属性名' 文件名例如,假设有一个名为data.json的文件,其中包含以下JSON数据:"person":"name": "Alice","age": 25,}要选择person对象的name属性,可以使用以下命令:jq '.person , .name' data.json运行上述命令后,jq会输出person对象的name属性的值:"Alice"。
JQuery常用插件1.报表插件jqPlot案例一:2.表格插件table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。
大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table 更容易添加CSS样式。
但是我们在日常应用中仍然要用到table表格,其中最好的例子就是对照表。
这里推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。
如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。
1.DataTables-强大的jQuery表格插件DataTables是提供了大量特性的强大jQuery表格插件。
例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。
2.uiTableFilter-jQuery表格过滤插件uiTableFilter是一个用于表格行筛选的jQuery插件。
插件作者提供了详细的例子来告诉大家如何将自己的表格和插件整合在一起并完成表格筛选。
3.Scrollable HTML Table-jQuery表格滚动插件Scrollable HTML Table jQuery插件可以让你的表格变得可以滚动控制。
4.Tablesorter-jQuery表格排序插件Tablesorter这个jQuery插件是用来将一个包含thead和tbody标签的标准HTML表格转变为无页面刷新的可排序表格。
它不但支持多列排序,而且跨浏览器兼容并且能通过widget系统进行扩展。
5.Flexigrid-Web2.0 jQuery表格插件Flexigrid 是一个轻量级的Web2.0 jQuery插件。
它包含很多非常Cool的特性,如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。
Jquery插件大全1、导航类1)基于jQuery开发,非常简单的水平方向折叠控件。
2)具有XBOX360 blade界面风格的水平方向Accordion。
3)用于创建折叠菜单的jQuery插件4)基于jQuery开发的可折叠菜单。
5)模仿ext的tab选项卡TabPanel(选项卡组件)参数说明renderTo<渲染到某容器string | jQuery object | NULL>将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。
items<选项卡元素集合array>选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。
width<宽度string | number>选项卡组件的总宽度,默认400px。
height<高度string | number>选项卡组件中页面显示层的高度,默认300px。
border<是否显示边框string>嵌套显示选项卡时,会出现重复边框的情况,影响美观,将border设置为”none”,则可以避免,默认显示边框,不接受除”none”之外的参数值。
active<渲染后默认激活哪个选项卡元素number>下标以0为开始,默认为0。
maxLength<最多显示几个选项卡元素number>-1为无限,默认为-1。
tabs<获得选项卡组件所有的选项卡元素return array>可根据需要获得选项卡组件的所有选项卡元素。
公共方法addTab(添加一个选项卡元素object)动态向选项卡组件中添加一个选项卡元素。
flush(刷新选项卡元素的内容string | number)将选项卡元素的内容刷新,参数可以为选项卡元素的ID或下标。
show(显示选项卡元素string | number)显示制定选项卡元素,参数可以为选项卡元素的ID或下标。
随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度。
随着jQuery插件在网站建设过程中的使用率不断的增加,所以有必要跟进时代步伐开发出一些新的插件/代码片段,以此来巩固并提高前端用户体验,将用户体验提升到一个新的高度。
接下来所推荐的这些插件中有滑块、地图、图片旋转块等等,可以说是最好的、完全免费的jQuery插件。
1. Flat jQuery Price Slider实例|下载这个jQuery价格滑块可以在一定范围内选择需要的价钱,不管你是做开发项目的还是设计项目,它都会起很大的作用。
记住,这个插件完全免费。
2. Gmaps jQuery Map Plugin实例|下载GMaps.js是一个JavaScript插件,通过它可以很容易地在你的应用程序中使用谷歌地图,并包含了多个选项,如地图、方向、信息框等等。
它的脚本是由很少的代码和简洁文档构成的。
因为安装操作很简单,所以要想让代码实现功能就得自己动手。
3. FormChimp——MailChimp Ajax plugin for jQuery实例|下载FormChimp是jQuery里的一个可定义的MailChimp Ajax插件,为用户提供一个简便的注册方式,这样的话用户在你的MailChimp列表里注册就不是一件麻烦的事了。
4. OWL Carousel实例|下载此jQuery插件具有的触摸功能可以让用户创建出好看的响应式旋转滑块。
5. jQuery Spellchecker 实例|下载这个轻量级的jQuery插件能检查文本文档里的单词拼写的正确性,主要是用在一个表单字段里或者是在DOM目录里。
6. Chart js下载Chart.js 是一个令人印象深刻的JavaScript 图表库,建立在HTML5 Canvas 基础上。
导航菜单是一个网站最为重要的元素之一,一个设计良好的导航菜单可让网站的结构清晰、一目了然。
本文向你推荐 30 个 jQuery 的导航菜单插件和教程,以供参考。
1. jQuery MagicLine Navigation具备滑动效果的导航菜单2. Create a Cool Animated Navigation with CSS and jQuery3. How to implement a perfect multi-level navigation bar4. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial5. A Different Top Navigation6. Puffer Fish Navigation7. jQuery ListNav Plugin8. Animated Navigation with CSS & jQuery9. Tab Navigation with Smooth Horizontal Sliding Using jQuery10. “Outside the Box” Navigation with jQuery11. Inspired Navigation Effect Using jQuery12. Slide and hide section with jquery13. Horizontal Subnav with CSS14. Creating a navigation menu with CSS & jQuery15. LavaLamp for jQuery lovers!16. Kwicks for jQuery17. Create Vimeo-like top navigation18. How to Make a Smooth Animated Menu with jQuery19. Create an apple style menu and improve it via jQuery20. How To Create A Keypress Navigation Using jQuery21. Image Menu with Jquery22. jqDock – jQuery Fish Eye Menu23. A Stylish Navigation Menu With jQuery24. Fixed Fade Out Menu: A CSS and jQuery Tutorial25. Dropdown Navigation in CSS3 jQuery26. jQuery One Page Navigation Plugin27. CSS3 and jQuery menu28. Image Hover Move- simple and practical navigation or featured image jQuery plugin29. jMenu, horizontal navigations with unlimited sub-menus in jQuery !30. jQuery Awesome modal Navigation Menu。
10个免费的jQuery富⽂本编辑器Javascript富⽂本编辑器使我们添加、编辑⽹站中的⽂章更加⽅便和容易。
这些富⽂本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能,可以像编辑word⽂档⼀样,⽅便地编辑⽹站中⽂章,常⽤于内容管理系统和博客系统等。
下⾯列出了常⽤的10个富⽂本编辑器,有最基础的格式富⽂本编辑器,也有复杂的具有⽂件上传能、创建表格功能、Ajax⽀持的富⽂本编辑器。
希望⼤家喜欢MarkitUp - jQuery|⼀个轻量级的、可定制的和灵活的富⽂本编辑器,常⽤在CMS、Blog、论坛等⽹站上。
markItUp不是⼀个所见即所得的编辑器,⽀持⼀些常⽤快车键和常⽤的浏览器。
jWYSIWYG - jQuery|jWYSIWYG是⽐较常⽤的Jquery所见即所得编辑器,提供了html代码编辑功能、⽂字编辑功能,图⽚连接功能,从⽽保证了jWYSIWYG的简单的特性。
Lightweight RTE- jQuery|Lightweight RTE是⼀个⾮常简单的Jquery富⽂本编辑器,体积只有7kb。
提供了⼀些基本的⽂字格式化操作功能。
HTMLBox - jQuery|HTMLBox跨浏览器、交互性⾮常好、开源的Jquery富⽂本编辑器,在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常⽤浏览器下测试通过。
此编辑器⽤户⼿册可以帮住你⾮常容易地把此编辑器整合到⾃⼰的Web系统中D Small Rich Text Editor - jQuery|D Small Rich Text Editor使⽤了AjaxFileUpload 插件实现图⽚上传功能。
WYMEditor - jQuery|WYMeditor是⼀个所建即所得Jquery富⽂本编辑器。
⽀持插件扩展功能、TinyMCE - non-jQuery|TinyMCE 国内很多⽹站都在使⽤,是⼀个⾮常不错的所见即所得编辑器,⽽且开源。
20款非常优秀的 jQuery 工具提示插件推荐工具提示(Tooltip)在网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的提示信息。
如果网站中的工具提示功能做得非常有创意的话能够加深用户对网站印象因此,今天这篇文章向大家推荐的20款优秀的 jQuery Tooltip 插件就是用于帮助你制作漂亮的工具提示效果。
1. Dynamic tooltip2. jGrowl3. jQuery Horizontal Tooltips Menu Tutorials4. Coda Popup Bubble5. The Tooltip6. TipTip7. (mb)Tooltip8. vTip9. Awesomeness10. jQuery Ajax Tooltip11. Digg-style post sharing tool with jQuery12. Input Floating Hint Box13. Simpletip14. qTip15. Orbital Tooltip16. Tooltip17. tipsy18. Easiest jQuery Tooltip Ever19. Shiny Tooltips20. BeautyTips您可能感兴趣的文章:JQuery实现简单时尚快捷的气泡提示插件推荐17个优美新鲜的jQuery的工具提示插件推荐10个超棒的jQuery工具提示插件自制基于jQuery的智能提示插件一枚jquery.cvtooltip.js 基于jquery的气泡提示插件niceTitle 基于jquery的超链接提示插件基于jQuery的消息提示插件之旅 DivAlert(三)基于jQuery的消息提示插件 DivAlert之旅(二)分享一个我自己写的ToolTip提示插件(附源码)。
10款无限滚动自动翻页jquery插件老K博客10款无限滚动自动翻页jquery插件2012年3月29日无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。
无限滚动自动翻页技术的鼻祖是微博的先驱:推特(twitter),后来必应图片搜索、谷歌图片搜索、google reader等纷纷抄袭了这一项技术,于是靠滚动浏览器滚动条来翻页的技术慢慢在互联网上遍站开花。
要在自家的网站上实现自动翻页的功能并不复杂,twitter面向开发者提供了相关的api,而且已经有人开发了相关的jquery插件,让我们可以事半功倍,下面老k为你列举一下这些无限滚动jquery插件。
1、jquery ScrollPagination这是一款由国外jquery爱好者出于学习目的开发的自动分页插件,你可以把它应用在任何地方。
2、Screw可以实现当用户滚动网页时加载html,避免一次性加载一个大页面,这样可以减轻宽带的负担,加快访问速度。
当然它也可以实现当用户滚动滚动条到网页底部的时候自动翻页。
3、Autobrowse通过ajax实现当用户滚动时自动加载页面内容,同时可以把内容写入到到浏览器缓存。
使用很简单,只需要在html容器(例如:div)中使用autobrowse属性就可以实现了。
4、Scroll Extend Plugin设计用来自动加载页面底部以下的内容,是通过将内容appendT o来某个dom来实现的,当滚动超出这个dom后自动加载页面内容。
作者的初衷是用来集成到wordpress的。
5、Infinite Scroll Plugin也是一款不错的无限滚动jquery插件。
效果和dzone的一样。
6、Endless Scroll jQuery Plugin比较轻巧,完成任务10次的自动加载后自动停止滚动加载。
推荐2013年最新的10款jquery插
件
我们精心挑选的10款2013年最新的jQuery插件,希望大家喜欢!
一个帮助你生成iOS应用目录风格的jQuery插件:App-Folders
使用这个插件可能帮助你创建iOS风格的目录展示和隐藏效果,如果你是个iOS 用户的话,一定对于这个效果不陌生!
实用的多级菜单导航jQuery插件- superfish
支持IE6+,并且支持双层导航栏,垂直导航菜单。
非常合适皮肤自定义,相信大家会喜欢!
Qtip2生成的工具条提示演示
例如,内容提示,删除确认,功能支持自动窗口调整(根据tooltip打开位置自动调整显示位置),希望大家喜欢!
Nokia在线地图的jQuery插件: jHere
支持zepto.js和jQuery,功能支持缩放和地图类型选择及其控制条。
placeMe.js –一个jQuery插件
帮助你让旧版本浏览器支持HTML5的placeholder属性。
使用jQuery实现的楼梯台阶状的菜单特效实现
分享一个使用jQuery实现的楼梯台阶状的菜单特效实现,要知道在CSS中我们无法选择一系列元素中的前面或者后面一些元素。
这个jQuery代码很好的演示了如何设置指定元素前面或者后面的一系列元素,而且整个菜单的展现效果相信大家看了也会感觉非常不错,试试看吧!
扇形扑克牌风格特效的jQuery插件-Baraja
你有没有试过使用扑克牌风格的扇形页面的展示效果呢?如果没有,那你可千万不要错过我们今天介绍的jQuery插件-Baraja。
超棒的网格布局插件-Grid-A-Licious
和前面介绍过的isotope和masonary不太一样,这个插件使用更加完整的响应式实现,你不需要定义固定的宽度,它自己会根据不同的设备来自动的选择浮动,不需要使用absolute方式来定位元素。
超棒片状过渡效果的jQuery图片幻灯插件 - jq-tiles
介绍一款拥有不同片状动画过渡效果的jQuery图片幻灯插件-jq-tiles,使用它能够帮助你生成基于CSS3的片状动画效果。
来源:推荐2013年最新的10款jquery插件
文章来源于:/article-25611-1.html。