jQuery资讯04.

使用jQuery UI 创建 Autocomplete Widget .
In this tutorial we’ll be looking at one of jQuery UI 1.8’s newest components – the Autocomplete widget. Auto-completing text fields can be a popular choice with visitors to your site because they make entering information much easier…….

jQuery模板提案.
这个提案描述了如何在jQuery的核心库中增加模板支持。更为特别是，这个提案描述了一个新的jQuery方法－－名叫render()，该方法可以使你用一段HTML代码渲染一个Javascript　对象和Javascript数组作为一个模板……

jQueryPad – 方便调试的 jQuery 代码编辑器[.NET]
对于网页程序员来说在代码编辑器和浏览器之间不停地 Alt + Tab 是家常便饭的事：修改了代码之后，切换到浏览器测试。jQueryPad 是一个整合 HTML/jQuery 代码编辑与测试的小软件。让你摆脱 Alt + Tab……

jQuery资讯03.

春风得意的 jQuery cnBeta 2010-3-27 13:36
5年前,没有人听说过 jQuery,当时,它只是 JavaScript 大师 John Resig 的一个设想。今天,jQuery 已经是世界上最成功的 JavaScript 库,互联网上 28% 的网站使用 jQuery。最为开源工具,Web 开发者们喜欢 jQuery,大公司也对它张开臂膀,它几乎已经成为 Web 开发与设计的标准,甚至得到了微软的支持。 …

26个Jquery使用小技巧(jQuery tips, tricks & solutions)  …
前段时间发布了Jquery类库1.4版本，使用者也越来越多，为了方便大家对Jquery的使用， 下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新 …

图片切换模拟弹力效应的jQuery焦点幻灯特效代码_焦点幻灯_酷站代码www …
图片切换模拟弹力效应的jQuery焦点幻灯特效代码，有四种幻灯效果可选，包括默认、自 定义等。又是jQuery应用的一个超酷例子…

jQuery Cheat Sheet for iPhone, iPod touch, and iPad on the iTunes …
Learn more, read reviews, and download jQuery Cheat Sheet by Concentric Sky on the iTunes App Store…

jQuery资讯02.

jQuery源码查看器| 刘钢- 我是UED
 http://james.padolsey.com/jquery/  还不错，可以按版本查看 jquery每个方法的实现代码….

直逼Flash 的流畅感：jQuery 运动特效展示- 新闻中心- Flash jQuery …
Roundabout 是一个jQuery 插件，可以将一组HTML 对象转换为旋转花灯的效果。 … 拉洋 片也许是jQuery 最拿手的效果了。该效果在遇到JavaScript 被禁用的场合会自动降级 ..

[翻译]11个实用的jQuery WordPress插件| I am Solari
我们都知道jQuery可以给用户界面添加上动态的、华丽的效果以及功能，但是往网页里面 添加jQuery语句仍然要求我们掌握一些jQuery的技术知识。这对于我们之中的大部分人来 …
自己写的无图片版jQuery zxxbox弹出框插件« 张鑫旭-鑫空间-鑫生活
正好，最近，我在看jQuery 1.4源码，以及学习jQuery继承方面的些东西，了解这些东西 可以说是写插件必备的。OK，我喜欢实践来巩固自己的所学，于是决定写一个自己的轻量 …

理解jQuery之context – 美拓blog
当使用jQuery选择元素的时候，jQuery提供了一个可选的第二个参数，称为context， context提供了一个将搜索在一个特殊的节点（node）的手段。当你在一个巨大的DOM树下 ..

jQuery 多选插件| 我爱WEB |
多选组件兼容 jQuery 1.4.0+ 和所有 jQuery UI 1.7+的主题. 这个插件支持以下浏览器…

jQuery资讯01.

jQuery的福音：EasyUI如期而至
IT168
【IT168技术】前台开发，很多人喜欢用JQuery，但是在做后台管理系统，特别是企业管理系统，例如WEB进销存系统等，很多人都会选择ExtJS，因为ExtJS提供了非常多的UI …

Css中的样式特殊性.

 meteoric_cry 分享:

点击下载此文件

如何创建google浏览器插件.

这个教程先带着你做一个简单的Chrome插件。添加一个图标到Google Chrome上，当你点击的时候，将自动生成一个页面。如下图示例：

准备好浏览器

Window下可用一般的稳定版开发扩展，但是要在其他Linux或者Mac上开发扩展要使用其他的最新的Google Chrome分支。

编写和装载一个扩展

在这个部分，你将编写一个添加在Chrome工具栏的浏览器动作的扩展。.

1. 随意在电脑上创建一个文件夹来存放你的扩展代码.
2. 在文件夹内，创建一个名为“manifest.json“的文本文件，添加如下代码:

   {
   "name": "My First Extension",
   "version": "1.0",
   "description": "The first extension that I made.",
   "browser_action": {
   "default_icon": "icon.png"
   },
   "permissions": [
   "http://api.flickr.com/"
   ]
   }

3. 拷贝下图到你的扩展文件夹下:
   

   Download icon.png

   4.   装载扩展.

1. 点击打开扩展管理,点击"扩展管理程序".
2. 假如开发人员模式旁边有个"+",点击加号,打开开发的面板
3. 点击载入正在开发的扩展程序,一个本地文件选择打开
4. 在文件对话框中，找到你的扩展文件夹选中，点击确定。

如果你的扩展无措可用的话，那个图标将会出现在工具栏上，扩展信息出现在扩展管理页面上，如下图所示.

向扩展中添加代码

接下来，让你的扩展干点事情吧，它可不只是个装饰。

1. 向manifest.json添加一行:

     ...
   "browser_action": {
   "default_icon": "icon.png",
   "popup": "popup.html"
   },
   ...
   

   在扩展文件夹下，创建popup.html文件，添加如下代码:

   :
   

   CSS and JavaScript code for hello_world(查看源文件)

2. 回到Chrome的扩展控制面板，点击重新载入，刷新扩展程序.
3. 点击扩展图标，弹出的面板显示出了popup.html中的内容。看起来像这样子.

假如运行没有成功，在按照教程来一遍，保证操作正确，加载一个不属于扩展文件夹的Html文件是不行的!

 我当时参照教程写的插件：http://cssrain.cn/article.asp?id=1434

原文：http://code.google.com/chrome/extensions/getstarted.html
来自：http://www.cnblogs.com/island205/archive/2010/03/18/1688609.html

译文–高效的JavaScript.

meteoric_cry发给我，叫我分享下。

内容不错。

下载：点击下载此文件

拖动插件–popbaseball 2.0.

相对1.0的更新:

1. .更换模式
2. .更换查找算法
3. .增加拖放中的状态接口

在前端实现的几个地理位置小功能.

Sender's name : oncoding
Sender's Email : jhyp5726@gmail.com
Referrer : http://www.cssrain.cn/demo/1/mail.html
     在Smashing Magazine上看到这篇Entering The Wonderful World of Geo Location，介绍了获取并处理用户地理位置的应用和方法，很有意思。结合原文的内容，加上之前的一些应用，整理了几个可以完全在前端实现的地理位置相关小功能。

     详细内容: http://www.oncoding.cn/2010/geo-location-frontend/

jQuery插件—轻量级的弹出窗口wBox.

Sender's name : 断桥残雪
Sender's Email : ksky521@gmail.com
Referrer : http://www.cssrain.cn/demo/1/mail.html

wBox——轻量级的弹出窗口jQuery插件，基于jQuery1.4开发，主要实现弹出框的效果，并且加入了很多有趣的功能，比如可img灯箱效果，callback函数，显示隐藏层，Ajax页面，iframe嵌入页面……

1. 背景透明度可以根据实际情况进行调节，甚至不设置背景
2. 可以根据需要添加wBox标题
3. 支持设置窗口位置，默认为在中心显示
4. 支持callback函数
5. 支持html内容自定义
6. img灯箱看图功能
7. 支持在wBox显示#ID的内容
8. 支持Ajax页面内容
9. 支持设置背景，不设置背景
10. 支持wBox拖拽功能
11. ESC键，或者在背景上双击即可关闭wBox
12. .wBoxClose的内容click可以关闭wBox，无论是组装的html，还是隐藏的html，甚至于iframe的内容中的.wBoxClose

下面简单介绍下wBox的使用方法：

简单的使用方法

1. 首先下载wBox文件，然后将wBox中的
2. 引入wbox.js文件
3. 引入wbox.css文件
4. 注意：wBox源代码文件夹中的图片要跟js，css放在相同的目录下,loading.gif要跟你页面放在同一个目录

html代码如下：

<a href="#nosee" class='wBox'>这是一个隐藏wBox</a>
<div id="nosee" style="display:none">这里是个隐藏的id为nosee的DIV</div>
<a href='http://www.js8.in/wbox/001.jpg' class='wBox'>这是一个image wBox</a>

js代码如下：

$(".wBox").wBox();

这样就建立了一个最简单的wBox.

这是一个隐藏wBox 这是一个image wBox

置名字的wBox

$("#wbox1").wBox({
title: "Test Title Name",
html: "点击弹出设置名字的wBox"
});

景为透明的wBox

$("#wbox2").wBox({opacity:0,html:'点击弹出背景为透明的wBox'});

出无背景wBox

$("#wbox3").wBox({overlay:false,html:'点击弹出无背景wBox'});

ref为图片的进行wBox

$('.wbox').wBox();

藏id为#info的层

代码：

$('.wbox').wBox();

拖拽的#wBoxUL层

$('#drag').wBox({drag:true,title:'wBox功能简介部分的层'});

mg灯箱连看

$("#imgA").wBox({images:['001.jpg','002.jpg','003.jpg','004.jpg','005.jpg'],isImage:true});

frame页面嵌入百度

$("#isFrame").wBox({isFrame:true,iframeWH:{width:800,height:400}});

地iframe 自使用高度

$("#isFrame2").wBox({isFrame:true});

置位置为left300 top 100

$('#setPos').wBox({setPos:true,left:300,top:100,html:'设置位置为left300 top 100'});

jax加载内容

$("#ajax").wBox();

有标题的弹出框

$("#noTitle").wBox({noTitle:true});

用callback添加地图的wBox

var maplet=null;
oo=false;
var callback=function(){
maplet = new Maplet('myMap');
maplet.centerAndZoom(new MPoint('HEUIDVZVVHUEEU'),8);
maplet.addControl(new MStandardControl({view: {pan:false,ruler: false}}));
}
$("#map").wBox({
title:'<span style="font-size:14px">普加地图</span>--<span style="font-size:12px">可拖拽</span>',
html:"<div id='myMap' style='width:500px;height:400px;'></div>",
callBack:callback,drag:true});

加载地图-利用callback函数

查看演示