May
12
用jQuery实现严谨的javascript
文章分类：jQuery, javascript | 发表评论 查看次数：49 + 6
有段时间没有接触jQuery了，找到了个比较好的jQuery幻灯片，虽然是E文的，但仔细看看都能看懂，我觉得包含在其中的思想非常好，阐述地也很明了。
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下面
Dec
27
之前有人问起过，一直忘了，做了个demo，使用了jQuery。
说白了，就是取得该object的id，然后重新设置宽和高，就这么简单
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!"); }
});
这个函数会在所有验证都通过时触发，提交表单。
-
-
订阅我的博客