javascript特效（一）
作者:zccst

一、腾讯qq，鼠标移到头像上，展示个人信息卡片

原理：如果仅仅使用mouseover和mouseover方法，不能表现相同效果（特别是有间隔的时候）。需要增加定时器。

<a onclick="document.getElementById('link1').href='css1.css'"></a>

注：link标签也能加id


4，展开、收缩（比如，百度搜索按钮右侧的输入法）
原理：点击事件+if判断（如果已经显示就隐藏，如果隐藏就显示）


5，选项卡，tab切换
静态原理：
（1）按钮用ul li，设置一个li和一个div的class为selectedLi和selectedDiv。被selectedLi的选项卡：border-bottom的颜色同显示的下面div区域的背景色，同时使该li的position:relative; top:1px，使li压住下面div的边框。
被selectedLi的div区域，设置背景。
（2）div区域，将所有display等于none，跟按钮相同索引的display为block。

动态选择：
点击时（同时传值），设置li和div，使之的className等于selectedLi和selectedDiv。
先清空，则设置active的li和div的样式。

6，时钟
定时器知识：
setInterval()  //不停执行。  间隔型。
setTimeout();  //只执行一次。延迟型。

clearInterval(timer);
clearTimeout(timer);


备注：miaov.com是个不错的网站。