摘要:JavaScript技巧集
此篇文章，將集合從網路上看到的一些不錯的JS技巧！如有侵權請來信告知！ 我的信箱！
- 不錯的頁面滑動效果(Tab)．Glider.js
Google code上的一個JsFrame - Glider.js。很容易的實現http://www.panic.com/coda/ 上的滑動塊效果。
Demo
Download
Google code上的項目地址：http://code.google.com/p/missingmethod-projects/
- 用JS讓所有連結＜a＞加上onmousemove
轉錄：http://220.135.241.51/blog/article.asp?id=1991
此範例的效果是當mouse移到所有的Hyperlink都會彈出訊息框
html
01 <body>
02 <a href='#'>blueidea</a>
03 <br />
04 <a href='#'>google</a>
05 <br />
06 <a href='#'>yahoo</a>
07 <br />
08 <a href='#'>sun</a>
09 <br />
10 </body>
02 <a href='#'>blueidea</a>
03 <br />
04 <a href='#'>google</a>
05 <br />
06 <a href='#'>yahoo</a>
07 <br />
08 <a href='#'>sun</a>
09 <br />
10 </body>
JavaScript
01 
<script>
02function attachLinksEvent()
03
{
04
var links=document.getElementsByTagName('a');
05 for(var i=0;i<links.length;i++)
06
{
07 links[i].onmouseover=linkBehavior;
08
}
09}
10function linkBehavior(e)
11{
12 if(e==null)
13 e=window.event;
14 if(e.target)
15 alert(e.target.innerHTML);
16 else
17 alert(e.srcElement.innerHTML);
18
}
19window.onload=attachLinksEvent;
20</script>
<script>02
function attachLinksEvent()03
{
04
var links=document.getElementsByTagName('a');05
for(var i=0;i<links.length;i++)06
{
07
links[i].onmouseover=linkBehavior;08
}09
}10
function linkBehavior(e)11
{12
if(e==null)13
e=window.event;14
if(e.target)15
alert(e.target.innerHTML);16
else17
alert(e.srcElement.innerHTML);18
}19
window.onload=attachLinksEvent;20
</script>