Jan
12
facebox是什么东东
facebox是基于jquery的跟facebook的提示效果一样的lightbox，可以显示图片，divs或者ajax的内容。使用起来非常简单，看看demo，你就知道有多easy了。
演示
更多演示可以查看官方页面。
Jan
1
用法：
需要对哪个select应用效果，取得该select的id，然后$("#select_id").multiSelect();就可以了。
当然这是最基本的用法，如果要设置高和宽，可以传个参数进去，如：$("#select_id").multiSelect(width:300,height:200);
还有一个iframe的属性，这个主要是针对IE的，可以覆盖select。
那么怎样才能控制这个div展开呢，很简单，比如select的id是category，则控制该select的id为category_open，也就是在select的id后加一个"_open"。
多选的option的value会以逗号作为间隔，比如"1,5,3"
最后，如果觉得下拉层不好看，可以自定义CSS，具体可以查看demo页的源码。
下载：我把它放在了我的分享里，想要的话上那下载即可。在js_css_reference下面
Nov
13
原文：http://www.nicklewis.org/node/949
title:7 jQuery Plugins That Made Our Live Easier at ON Networks
看到这个标题，我就很兴奋，其实官方的措辞是“easier”，我觉得“better”更为恰当，看过之后，发现有几款插件还真是非常爽。
但是仔细一看，发现这只是他们网站应用的几个jQuery插件，而不是jQuery官方根据用户反馈得出的。虽然如此，还是得感谢这篇文章。
这里我只挑出几款我感兴趣的，更多的插件可以参考原文
这是一款照片展示插件，可以通过简单的代码来事先许多非常cool的效果，而且支持所有的主流浏览器。
这是一个提示效果的插件，当鼠标移动到目标对象时，会出现提示。支持图片、input、link、div等等。可以自定义样式，覆盖select。
这个我在之前的一篇文章已经推荐过了，非常强大方便的表单验证工具。
可以非常方便地创建树状菜单
创建div圆角效果，可以自定义圆角直径，圆角位置，而且不只是圆角，不然就得叫做jQuery round corner了。
Nov
12
表单验证一直是一个大问题，但是有了jquery，有了form validation plugins，一切就变得简单了。
点此查看官方说明文档
来看个简单的例子：http://www.live-my-life-with-yuyi.com/lab/jquery/validation/
实现代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test for jQuery validate() plugin</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/cmxforms.js" type="text/javascript"></script>
<script src="js/jquery.metadata.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.meta.setType("attr", "validate");
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
// validate the comment form when it is submitted
$("#commentForm").validate({
messages:{
cname:"请输入用户名",
cemail:{
required:"电子邮件不能为空",
email:"电子邮件格式不正确"
},
curl:"URL格式不对",
ccomment:"留言不能为空"
}
});
});
</script>
先载入4个js文件，放心这四个文件都很小
这句话的意思是设置一个标签，然后在这个标签里，定义相关的属性，比如required,minLength等等
submitHandler: function() { alert("submitted!"); }
});
这个函数会在所有验证都通过时触发，提交表单。
Sep
14
浏览地址：http://www.live-my-life-with-yuyi.com/lab/caishuzi/
主要用到了jQuery来方便ajax的开发，核心代码
return implode('',array_rand(range(0,9),4));
}
function caishuzi($rnd_num,$input_num){
$a=$b=0;
for($i=0;$i<4;$i++){
for($j=0;$j<4;$j++){
if($input_num[$j]==$rnd_num[$i]){
if($j==$i){
$a++;
}
else{
$b++;
}
}
}
}
return "<font color=red>$a</font> A <font color=red>$b</font> B";
}
生成随机不重复数字的函数，思路还是比较巧妙的。
Sep
14
原文见：http://docs.jquery.com/Release:jQuery_1.2
jQuery1.2已与不久前面世了，简单看看有什么特点
先来说说新增加的功能
- css方面开始支持offset
http://docs.jquery.com/CSS/offset
这个相当与集成了之前的Dimensions，可以更方便地取得一个对象的坐标。
- 选择器方面一个比较大的改变是新增了:has(selector)方法
http://docs.jquery.com/Release:jQuery_1.2/Selectors
有了这个方法之后
$("div[p]")
将改写为
$("div:has(p)")
同时还加了一个animated方法，不过比较吸引人的还是那个color animation plugin
- Ajax方面新增了5个方法，比较喜欢的是序列化和禁止缓存功能
-
-
订阅我的博客