May232013
jquery 模拟鼠标点击事件
Jquery模拟鼠标点击事件，如下面这个例子，下面这个例子实现的效果就是点击b和点击a的效果是一样的，虽然我们并没有给b设置具体的点击事件。
<html xmlns="http://www.phpernote.com/javascript-function/290.html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery模拟鼠标点击事件-示例</title>
<...阅读全文
抢沙发
May232013
jquery 实现全选，反选，全不选等功能
jquery 实现全选，反选，全不选等功能，下面直接以例子进行说明。
设页面有如下一组复选框和几个相关按钮（全选，反选，全不选等）：
<input type="checkbox" name="fruit" value="apple" />苹果
<input type="checkbox" name="fruit" value="orange" />橘子
<input type="checkbox" name="fruit" value="banana" />香蕉
<input type="checkbox" name="fruit" v...阅读全文
May232013
jquery实现图片放大缩小特效
和大家分享一个最近用到的jquery实现图片的放大缩小的特效。具体效果是鼠标移动到图片上，图片自动缩到左上角，右下角出现文字说明，鼠标移走后图片恢复，文字被图片遮挡。非常不错的一个图片特效功能。贴一下效果图：
jquery实现图片放大缩小特效的预览地址： http://www.phpernote.com/web_tools/private/example/jquery实现图片放大缩小特效.html
jquery实现图片放大缩小特效的具体代...阅读全文
May232013
May232013
jQuery prettyPhoto图片展示特效
prettyPhoto是一款基于jquery的轻量级的lightbox图片特效脚本，它不仅支持图片，还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义 prettyPhoto。prettyPhoto兼容大部分主流的浏览器，有些Wordpress图片插件就是基于此脚本制作的。
有图有真相，下面先看看这个特效的效果图吧！
一、prettyPhoto使用方法示例
...阅读全文
May232013
延迟加载图片的 jQuery 插件(Lazy Load)用法详解
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 他的好处是当页面包含很多大图片时能够延迟加载图片从而加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.
如何使用 Lazy Load ？
Lazy Load 依赖于 jQuery， 因此需要...阅读全文
May232013
jquery如何为动态创建的节点绑定事件
jquery如何为动态创建的节点绑定事件，看如下这个案例：
$("#table").append("<a href='javascript:;' class='del'>删除</a>");
$(".del").click(function(){
alert("获取到拉");
})
如上这段代码是不起作用的，如果希望以上这段代码能达到目的，写法如下：
$("#table").append("<a href='javascript:;' class='del'>删除</a>");
$(".del").live("clic...阅读全文
May232013
6个smarty小技巧
php smarty模板引擎中几个经常被忽略的但比较有用的标签整理，包括capture标签，config_load标签，php标签，strip标签，fetch标签，以及如何在smarty模板中直接使用define定义的常量，下面本文将以具体的例子一一分析：
capture标签
capture的中文意思是抓取，它的作用是抓取模板输出的数据，当我们需要它的时候，调用它，以得到抓取数据的目的。如下例子：
{capture name="test"}
<...阅读全文
May232013
chrome（谷歌浏览器）不支持form.submit（$(‘form’).submit）的解决方法
最近看到Q群里有人说chrome（谷歌浏览器）不支持form.submit方法，求解决办法。闲的时候亲自测试了一番，发现chrome竟然真的不支持form.submit，测试的时候用的是Jquery的，也不支持，于是乎研究了半天，终于找到了一个解决办法。
//获取form表单的id
var form=$('#myform').val();
//获取浏览器参数
var browserName=navigator.userAgent.toLowerCase();
if(/chrome/i.test(browser...阅读全文
May232013
jQuery 选择器用法大总结
jquery 选择器一直是 jquery 最神秘，最强大的一部分，当然也是整个 jquery 里面非常基础的补一份。本文现在对所有已知的 jquery 选择器做一个总结，深刻而熟练的掌握这些选择器，对我们快速的写各种 jquery 效果大有帮助！下面就对 jquery 各种选择做一个罗列吧！由于 jquery 用法非常简单，这里就不再举各种例子加深理解了。
选择器
实例
选取
*
$(“#item *”)
选择 id ...阅读全文