分享50款非常棒的 jQuery 插件(下篇)
jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。
26- Visual JQuery Lightbox
27- 3D Cloud Carousel
28- Sl
http://cyqdata.cn/cnblogs/article-detail-40912
读jQuery之十(事件模块概述)
jQuery的事件模块是较复杂的,前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。
虽然事件模块代码很难读,但其提供的API接口还是很清晰的。如下
1 添加事件(bind/one/live/delegate/hov
http://cyqdata.cn/cnblogs/article-detail-40873
自定义一个jquery插件[鼠标悬浮时候,出现说明label]
自定义一个jquery插件,一个简单的jquery.js,入门的jquery插件,jquery入门实例,jquery helloworld。
最近在学习jquery,看了几天,决定做个小东西练练手。入门级的可以看看。
先看下面这个小东西有什么功能,有模有用。
功能:当你鼠标悬浮在你的html元素上面的时候,它会显示一个help说明性的label。
效果图:
原始:
http://cyqdata.cn/cnblogs/article-detail-40862
MVC3.0中使用JQuery的fancybox实现便签式留言板
采用JQuery的fancybox实现便签留言板。
关于fancybox的介绍请参看:http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
demo:http://demo.tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/demo.php
照旧先看效果图:
关于fa
http://cyqdata.cn/cnblogs/article-detail-40696
分享50款非常棒的 jQuery 插件(上篇)
jQuery 在现在的Web开发项目中扮演着重要角色,jQuery 让网站有更好的可用性和用户体验,让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用。
1- ZWeatherFeed jQuery Plugin
2- Simple Effects Plugins
http://cyqdata.cn/cnblogs/article-detail-40661
「分享」jquery标签(关键字)插件
基于工作,做了这么一个控件;
功能说明:按Enter或Tab確定標籤輸入完畢,雙擊文字可以編輯該標籤,單擊叉叉(×)表示刪除該標籤。
效果图如下:
利用CSS3做了点效果(結合示例中的CSS);
js代码:
$.fn.extend({
/*
**標籤控件
**功能:按Enter或Tab確定標籤輸入完畢,雙擊文字可以編輯該標籤,單擊叉叉(×)表示刪除該標籤
**tabContr
http://cyqdata.cn/cnblogs/article-detail-40512
使用jQuery及Bing API实现简易搜索引擎
微软在今年六月正式发布了Live搜索的继承者Bing,同时也提供了一套非常全面的API。如同Google API,通过使用Bing API,Web开发者可以在网站中集成bing搜索中的各种服务,从而丰富网站功能,并为网站带来流量。CSS9.NET在本篇文章通过一个完整的使用示例,向大家展示如何使用jQuery来调用Bing API实现简单的Web搜索引擎,并对Bing API有一个基本的了解。
首
http://cyqdata.cn/cnblogs/article-detail-40491
FullSize:一个新的IMG标签属性(附带jQuery实现)
“img标签添加了一个新属性么?”,看到标题你也许会惊奇的问。呵呵,千万莫误会,这只是一位国外Web设计师的主张而已。为了推销他的想法,他建立了这个主题网站(你可以在这个页面的下方签名,表示支持),而且用Jquery插件模拟了它。他的这个想法真的很有意思,也很有意义。我这里对它的想法做个简单翻译,略表支持。
FullSize属性是什么?
我们在网页设计中,经常会使用这样一种
http://cyqdata.cn/cnblogs/article-detail-40468
jQuery-Selectors(选择器)的使用
jQuery-Selectors(选择器)的使用(一、基本篇)
jQuery-Selectors(选择器)的使用(二、层次篇)
jQuery-Selectors(选择器)的使用(三、简单篇)
jQuery-Selectors(选择器)的使用(四--五、内容篇&可见性篇)
jQuery-Selectors(选择器)的使用(六、属性篇)
jQuery-Selectors(选择器)的使用(七、子
http://cyqdata.cn/cnblogs/article-detail-40458
jQuery入门[1]-构造函数
jQuery优点
◦ 体积小(v1.2.3 15kb)
◦ 丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera)
◦ 链式代码
◦ 强大的事件、样式支持
◦ 强大的AJAX功能
◦ 易于扩展,插件丰富
jQuery的构造函数接收四种类型的参数:
jQuery(expression,context)
j
http://cyqdata.cn/cnblogs/article-detail-40423
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) AJAX快餐从零开始学习jQuery (七) jQuery动画-让页面动起来!从零开
http://cyqdata.cn/cnblogs/article-detail-40288
jQuery Tools——不可错过的jQuery UI库系列
本系列文章导航
jQuery Tools——不可错过的jQuery UI库(一)
jQuery Tools——不可错过的jQuery UI库(二)
jQuery Tools——不可错过的jQuery UI库(三)
jQuery Tools——不可错过的jQuery U
http://cyqdata.cn/cnblogs/article-detail-40270
jQueryJSON 无刷新三级联动
<asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList><asp:DropDownList ID="ddl2" runat="server" Width="100px" ></asp:DropDownList><asp:DropDownList I
http://cyqdata.cn/cnblogs/article-detail-40269
jquery让两个div高度自动适应 不用再看别的方法了 这个最简单
这个问题今天可是整了我一上午,原本是打算用js实现,结果兼容性很难得处理.
最后选择了jquery,方法如下(这里是我推荐的方法),使用简单,兼容性好.只需要在页面中设置一句代码就搞定,这么好的东西所以把代码贴出来,供大家参考,另外,网上也有很多种方法,下面我也一一作了一个分析.大家可以看一下,不对请指正.谢谢.
function SetSameHeight(obj1,obj2)
{
v
http://cyqdata.cn/cnblogs/article-detail-40234
JQuery上传插件 Uploadify 的删除功能+基本原理和过程
a(this).bind("uploadifySelect", {
action: f.onSelect,
queueID: f.queueID
},
function(k, i, j) {
http://cyqdata.cn/cnblogs/article-detail-40143
jQuery入门[5]-AJAX
jQuery为AJAX提供了非常丰富的支持,参见Ajax
其中最基本当属$ajax(),通过不同的参数,这个方法可以录活支持各种AJAX应用场景。如:
$.ajax({url: "test.html",cache: false,success: function(html){$("#results").append(html);}});
完整参数列表参见:options
当然,常用
http://cyqdata.cn/cnblogs/article-detail-40077
读jQuery之七(判断点击了鼠标哪个键)
jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。 jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。 即当判断用户按下键盘的哪个键时可以使用which,当判断用户按下鼠标的哪个键时也可以用which。它一举两用了。源码
// Add which fo
http://cyqdata.cn/cnblogs/article-detail-40051
jQuery UI入门手册
jQuery UI入门手册,新手必备。
先说明一下效果:
基本的鼠标互动:
拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)
各种互动效果:
手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)
http://cyqdata.cn/cnblogs/article-detail-40034
[推荐] jQuery 表格插件汇总
本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等。这些插件很多都包含详细的教程。希望能对大家的开发有帮助。
jQuery 表格插件
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽,自
http://cyqdata.cn/cnblogs/article-detail-39993
jQuery入门[2]-选择器
jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:http://docs.jquery.com/Selectors
DEMO:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0&n
http://cyqdata.cn/cnblogs/article-detail-39834
