【Notify - 基于jquery的消息通知插件】教程文章相关的互联网学习教程文章

jQuery TE——兼容IE6的轻量级文本编辑器插件【代码】【图】

一、jQuery TE简介官方页面项目Demo官方文档jQuery TE是一款轻量级的jQuery的网页编辑器插件,压缩后只有19.5KB,兼容性非常好的所见即所得的文本编辑器。经过测试,兼容IE6。而且,你可以自定义它的样式,写一些css,不仅仅是textarea,你可以将多种标签变成一个编辑器,比如span,或者p等。兼容性:IE6+、chrome、Firefox、Opera、Safari、Yandex Browser等二、如何使用1、引入文件这里方便使用,引入的为CDN地址,你也可以去官网...

jQuery插件接口的实现【代码】

http://www.imooc.com/code/3403如果jQuery没有插件接口的设计,那么他就像个光杆司令没有兵,就是没有手下,只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口,从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外,也有很多大公司纷纷对它投出了橄榄枝,这也是它成功的关键。 基于插件接口设计的好处也是颇多的,其中一个最重要的好处是把扩展的功能从主体框架中剥离出去,降低了...

jQuery.touchswipe插件【代码】【图】

TouchSwipe一款专门为移动设备设计的jquery插件,用于监听单个和多个手指触摸等事件。一、特点:1、监听滑动的4个方向:上、下、左、右;2、监听多个手指收缩还是外张;3、支持单手指或双手指触摸事件;4、支持单击事件touchSwipe对象和它的子对象;5、可定义临界值和最大时间来判断手势的实际滑动;6、滑动事件有4个触发点:“开始”,“移动”,“结束”和“取消”;7、结束事件可以在触摸释放或是达到临界值时触发;8、允许手指刷...

jquery插件开发尝试(二)【代码】【图】

经过上次的尝试,已初步掌握jquery插件的写法,下面为模拟jquery UI插件的效果:html:<!DOCTYPE html> <html><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0,minimun-scale=1.0 maximum-scale=1.0, user-scalable=no" name="viewport"/><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"/><title>jquery menu插...

jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)【图】

最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转、放大、缩小、拖拽、缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同。具体功能:1. 多张图片切换,键盘左右键或左右箭头切换2. 旋转3. 放大,支持鼠标滚轮4. 缩小,支持鼠标滚轮5. 右下角缩略图6. 拖拽大图7. 全屏PS:下面是插件各状态下效果,demo示例会在最后放出来。全屏全屏是容器的最大化。缩小可以点击缩小图标或者鼠...

CI(2.2) 配置 jquery的上传插件Uploadify(v3.2) 上传文件【代码】【图】

1、下载uploadify, 我的是v3.22、模板页面引入:<base href=‘{base_url()}‘ /> <script type="text/javascript" src="/public/admin/js/jquery.js"></script> <script type="text/javascript" src="/public/js/ajaxfileupload.js"></script> <script type="text/javascript" src="/public/js/uploadify/jquery.uploadify.min.js"></script> <link rel="stylesheet" type="text/css" href="/public/js/uploadify/uploadify.css"...

[转]使用jquery-webcam插件,实现人脸采集并转base64【代码】【图】

项目需求:在ie或chrome浏览器下,调用电脑摄像头(确保使用的是笔记本电脑,或者摄像头功能正常使用的台式机),进行人脸图像采集预览,并将图片的base64码传入到后台进行后续操作。该demo适用于chrome和ie10以上,ie10以下版本的未测试。前期插件准备jquery:1.5版本以上即可jquery-webcam:github地址, 作者主页地址这里。该插件下载好后我们需要如下四个文件并与下面测试的HTML放在同一目录下:测试页面测试前注意事项: 测试ht...

【jquery】fancybox 是一款优秀的 jquery 弹出层展示插件【代码】

今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外,还可以展示 flash、iframe 内容、html 文本以及 ajax 调用,我们可以通过 css 来自定义外观。fancybox 特点:可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持;可以自定义播放器的 css 样式;可以以组的形式进行播放;如果将鼠标滚动插件(mouse wheel plugin)包含进来的话 fancybox 还能支持鼠标滚轮滚动来翻阅图片;fancybox...

08 Jquery UI Button 按钮插件【图】

原文:https://www.cnblogs.com/springsnow/p/9461713.html

jQuery插件之validate【代码】【图】

一、jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。  1、配置方法。   先导入jQuery库,然后导入Validate插件,如果是中文提示还需要导入messages_zh.js。   注意Validate的导入要在jQuery库之后。代码如下: <script src="jQuery.1.8.3.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"><...

jquery插件开发模板【代码】

(function($){ $.fn.extend({ //将可选择的变量传递给方法pluginname: function(options) { //设置默认值并用逗号隔开var defaults = { padding: 20, mouseOverColor : ‘#000000‘, mouseOutColor : ‘#ffffff‘ } var options = $.extend(defaults, options); returnthis.each(function() { var o = options; //这里编写相应代码 //可以像下边这样获取变量值 alert(o.padding); }); } }); })(j...

jQuery tabs 小插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;" charset="utf-8" /><title></title><style type="text/css"> *{ margin: 0; padding: 0;} ul,li{ list-style-type: none} .myFirstTab{ width: 600px; height: 630px;} .tabList...

转:jQuery常用插件

原文来自于:http://download.csdn.net/album/detail/369 jquery.cycle.all.js上传者:itmyhome 上传时间:2014-06-15Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能,使用方法很简单 $(document).ready(function() { $(‘#goods‘).cycle(); }); 博文地址:http://blog.csdn.net/itmyhome1990/article/details/30480141jQuerycycle图片切换插件Bootstrap网站模板上传者:itmyh...

jQuery EasyUI 开源插件套装 完全替代ExtJS【图】

我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比: 上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~ 漂亮的消息弹出,支持遮罩效果。 这个效果也很酷~ 更多的酷炫功能请看下方功能列表 Easy UI的使用也非常地简单:<script type="text/javascript" src="../jquery-1.4.2.min.js"></script><script type="text/javascript" src="../jquery.easyui.min.js"></script>与...

jquery,smarty,dedecms的插件思路------dede未实践

1.jquery定义一个新函数,这个函数可以使用jquey的所有功能2.smarty,dede其实也和jquery一样,不过是可以使用系统的一些方法而已3.可能还有一些规范,如smarty插件的命名规范.原文:http://www.cnblogs.com/zuoxiaobing/p/3589440.html