jquery教程网

google首页超级酷的动画效果。
以前google未被和谐之前搜索框下面有几个小标签，鼠标放上去就会有很绚的动画效果，相信大家都见过吧。
开始以为是用FLASH做的，一看代码才发现不是… 今天看到有个人把那个代码扒下来了。收藏一下分享给大家

演示地址：http://www.jqueryajax.com/demo/google/google.html
效果图：

阅读全文>>

类似google的搜索提示插件
演示地址：http://www.jqueryajax.com/demo/jq_suggest.html
效果图如下：

阅读全文>>

纯CSS写的下拉菜单，不用写JS，兼容主流浏览器；
效果图如下：

阅读全文>>

漂亮的滑动导航

演示地址：http://www.jqueryajax.com/demo/huadongNav.html

阅读全文>>

图片延时加载特效，网页图片太多的时候加载会非常慢。特别是显示相册的时候。
这个功能就可以发挥强大的功能了。让你的网页加载速度提升50%；

演示地址：http://www.jqueryajax.com/demo/yanshi.html

阅读全文>>

JS常用代码大全
# 事件源对象
event.srcElement.tagName
event.srcElement.type
# 捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
# 事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
# 事件返回值
event.returnValue

阅读全文>>

功能: 1)去除字符串前后所有空格
2)去除字符串中所有空格(包括中间空格,需要设置第2个参数为:g)

阅读全文>>

在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？

我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、complete），当返回状态为 loaded 或 complete 时，则表示加载完成，返回回调函数。

对于 readyState 状态需要一个补充说明：
在 interactive 状态下，用户可以参与互动。
Opera 其实也支持 js.onreadystatechange，但他的状态和 IE 的有很大差别。

具体实现代码如下：

阅读全文>>

javascript 页面任意地方点击显示当前点击目标TAG

1
2
3
4
5

document.onclick=function(e){
     var e= e||event;
     var o=e["target"]||e["srcElement"];
 
     alert(o.tagName.toLowerCase());

阅读全文>>

javascript 异步加载URL

1
2
3
4
5
6
7
8
9
10
11
12

function getJsFile(url, callBack){
var XH = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Msxml2.XMLHTTP');
XH.open('get',url,true);
XH.onreadystatechange = function(){
if(XH.readyState == 4 && XH.status == 200){
if(window.execScript) window.execScript(XH.responseText);
else eval.call(window, XH.responseText);
eval(callBack)();
}
}
XH.send('');
}

阅读全文>>