jquery教程网

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

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

阅读全文>>

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

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

阅读全文>>

很漂亮的图片跑马灯效果，兼容各种主流浏览器

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

直接保存此演示页面就可以了，代码全是写在一个页面里。图片自己改动地址；

不用加载jquery

阅读全文>>

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('');
}

阅读全文>>

1
2
3
4
5
6
7
8
9
10

//JS获取URL参数的函数
 
function     GetQueryString(name)     
{     
     var     reg     =   new   RegExp("(^|&)"+     name     +"=([^&]*)(&|$)");    
     //var     reg     =   new   RegExp("(.*)\?(.*&)"+     name     +"=([^&]*)(&|$)");    
     var     r     =     window.location.search.substr(1).match(reg);     
     if     (r!=null)   return     unescape(r[2]);   return   null;     
}     
alert(GetQueryString("参数名1"));

阅读全文>>

javascript DOM Level 2 之createTreeWalker和createNodeIterator 深度搜索节点

注意：createTreeWalker和createNodeIterator都不支持IE6

阅读全文>>