效果如下： 选择： 拖拽： jquery.simple.tree.官网地址： http://news.kg/wp-content/uploads/tree/（貌似已经打不开），不过因为操作比较简单，所以我们暂且用之。 前面讲过jquery EasyUI Tree插件，简单易用，但经过测试仍有诸多缺点， 例如： 1、兼容IE8的AJAX有问题。 2、如果异步返回数据较慢，将可能导致加载失败。 3、我们只使用其中的Tree功能，但其体积实在有点庞大。... 而我们需要的是，兼容性好，异步...
顺便也找 来了不少优秀的Tab选项卡实例，在这里与大家分享一下。当然，最终我没有用到IdTabs以及如下任何一个实例，我只是很不服气的自己写了个小插件，尚 不完善，就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧：1. jQuery 选项卡界面 / 选项卡结构菜单教程这种 类型的菜单在网页设计与开发中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑动/向上滑动效果创建属于你自己的选项卡菜单。要非常留心此...
jquery有个很不错的ui插件，dialog插件,他的官方网站上有各种形式的演示：http://jqueryui.com/demos/dialog/ ,可能大家用得比较多的还是它的默认模式，具体的用法官网上都有，也有中文的讲解地址，我就不再重复了，最近在弄弹出框架页，仔细一看，和dialog插件的modal form 模式很相似，demo演示效果：http://www.lovewebgames.com/addNews.aspx 就是这么个效果，要进行登录注册弹出层，至于为什么我不直接用modal form来做呢？...
大家可以使用官方推荐的一下几个插件 代码如下:While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives. * colorbox * jQueryUI Dialog * fancybox * DOM window * shadowbox.js 做项目中发现facebox如果快速单击两下,容易出现黑屏。而且facebox的框架是用table写的，可能因为table相对div在结构方面更稳定些。如果弹出层里是table布局的，样式就会受到facebox的样式影响，还要...
例如： Internet Explorer 6.0+ Firefox 2.0+ Opera 9.0+ Safari 3.0+ Google Chrome 1.0+ Konqueror 3.5+ 使用qTip可以很轻松的定义tip的位置以及样式，同时qTip还有一个强大的API...... 使用qTip前，只需引入两个JS文件即可： 代码如下: 下面举几个比较简单的例子。 1、Basic text html如下所示： 代码如下: Basic text JS代码： 代码如下: $(document).ready(function() { $('#content a[href]').qtip( { content: 'S...
主要特色有： 显示HTML,swf,Iframe,ajax请求 支持鼠标滚动显示图片 支持阴影，放大效果 自定义CSS与增加导航按钮 官方有提供比较详细的API，与及How to Use .这里我们不介如何使用了，您可以参看官方网站。下面我们看一段示例代码： 代码如下: var selectedid = $("select[name$=DdlSearchProfile]").val(); var selectedtxt = $("select[name$=DdlSearchProfile] :selected").text(); $("#editsp").fancybox({ ajax: { type: "POS...
思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路. 其实就是一个幻灯效果,考虑到使用方便,就封装成一个插件了. 插件特点 1. 参数高度自定义; 2. 可重复调用且与不影响; 3. 插件文件小,压缩后仅1.04k,开发版3.29k. 演示及下载 点此查看DEMO 点此下载插件 使用方法 1. 引入jQuery库文件及jQuery.iFadeSlide.pack.js插件文件(若页面有其他js文件,可与之合并以减小http请求),引入...
下载JS文件引用到page中，如下代码： 代码如下: 注意其中draggable是用来实现拖拉的，如不需要这个功能不就不用引用。在目前最近的Jquery1.42下应用引用： 代码如下: 主要方法有： jAlert(message, [title, callback]) 创建一个alert jConfirm(message, [title, callback]) 创建一个确认allert,支持callback jPrompt(message, [value, title, callback]) 创建一个提示框让用户输入值，支持callback如果你有提供 可以...
基于Web的在线应用已经是一个逐步成熟的趋势，Web应用的丰富多样化，都是基于JavaScript框架完成的，其中 jQuery 框架被越来越多的Web开发者青睐，它可以让你“少写，多做”轻松完成复杂效果，这里就是基于jQuery 的14个图片放大编辑插件。 1，jQuery gzoom plugin 2，Hover Zoom 3，AnythingZoomer jQuery Plugin 4，JQZoom 5，jQuery Cycle plugin 6，crop, labelOver and pluck 7，ImgAreaSelect 8，Jcrop 9，PHP & jQuery imag...
以前我一直用的那个(eyecon.ro) 功能完整也简易，但是不尽符合上面的要求，于是 google了N下，结果没找到现成的jquery拾色器插件很好的支持以下功能： 简单易用，仅显示常用的那些色块给用户选择，另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件，除了支持上面的要求，还有别的一些特性如下： 1，默认提供的色值为“常用的浏览器安全的色值”。相当于整合了下面最后一个prototype版本的颜色拾取器。关于浏览...
我选择了jQuery，最主要是它的思想“write less,do more"，因为我是一个挑剔的人，以前写过的代码，会时不时翻出来，看看有没有可以精简，优化的地方。一来是对不断学习的推动，二来可以将新的思想，技术应用到里面去。 对于jQuery插件的写法，以前就有介绍过，网上也有很多例子。 这里简要地进行些写法，主要是简写的说明，见下列代码： 代码如下: //jQuery插件的写法（需要传入操作对象） ;(function($) { //PI_TestPlugIn为插...
1.初始化上传控件数量。 代码如下: $(document).ready(function() { $(#H_File).uploadFile({ key: test,count:3 }); }); 以前的设计思想是，初始化上传控件数量，页面显示为1个上传控件，每当上传成功后，在下面创建一个上传控件。 2.上传图片成功后 这就是最终的效果，如果您有更好的插件，希望一起开源。 其他的就不多说了，如果您感兴趣，点击下载源码 /201010/yuanma/jquery_aspnet_upload1.rar (262.34 kb)
代码如下: $.request = (function () { var apiMap = {}; function request(queryStr) { var api = {}; if (apiMap[queryStr]) { return apiMap[queryStr]; } api.queryString = (function () { var urlParams = {}; var e, d = function (s) { return decodeURIComponent(s.replace(/\+/g, " ")); }, q = queryStr.substring(queryStr.indexOf(?) + 1), r = /([^&=]+)=?([^&]*)/g; while (e = r.exec(q)) urlParams[d(e[1])] = d(...
对此，jquery.boxy插件已经做得非常强大了，常用的提示、确认，拖拽、改变大小、异步加载都非常实用，导致文件较大（可忽略不计），很多功能并不需要，为此，抱着在边学边实践的态度和想法，自制一款适用于本项目的轻量级弹出层插件，这是第一次写jqeury插件，也为了以后能将常用操作封装为jquery插件做准备吧。 首先来个插件名字，这样才能去唬人，就叫jquey.cvbox.min.js吧，cv就是网站域名ChinaValue的缩写，压缩后的容量控制在...
原理是利用1px的div，具体实现看代码。 使用方法： 代码如下: $(.test).rounder(); 这样会根据默认的设置产生一个圆角框，效果如图： 圆角处会有点锯齿:(如果仅此而已，那肯定是不够的。我们会想加上自己的一个样式该怎么办？使用方法： 代码如下:$(.test).rounder({borderColor:red,backgroundColor:#EEE,color:blue}); 效果如图： 接下来我就来讲讲实现过程了，先附上jQuery代码如下： 代码如下: (function($){ $.fn.rounder...