实例123.横向flash菜单效果.html

一些javacsript经典网页特效实例

<style>
.xmenu 
td{font-size:12px;font-family:verdana,arial;color:#ffffff;border:1px solid #336633;background:#336633;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function flashMenu(objid){
	var tds=objid.getElementsByTagName('td');
	for(var i=0;i<tds.length;i++){
		with(tds[i]){
			onmouseover=function(){                    // 当鼠标划过时
				this.filters[0].apply();               // 应用过度效果
				this.style.background='#66CCAA';       // 背景颜色
				this.style.border='1px solid #ffffff'; // 边框颜色
				this.style.color='black';              // 文字颜色
				this.filters[0].play();                // 实施变换效果
			}
			onmouseout=function(){                      // 当鼠标离开时
				this.filters[0].apply();                // 应用过度效果
				this.style.background='#336633';        // 背景颜色
				this.style.border='1px solid #336633';  // 边框颜色
				this.style.color='#ffffff';             // 文字颜色
				this.filters[0].play();                 // 实施变换效果
			}
		}
	}
}
//-->
</script>
<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" align="center">
	<tr>
		<td>我的电脑</td>
		<td>我的文档</td>
		<td>网络连接</td>
		<td>记事本</td>
		<td>收藏夹</td>
		<td>电子邮件</td>
	</tr>
</table>

<SCRIPT LANGUAGE="JavaScript">
<!--
flashMenu(xmenu0);        // 调用函数
//-->
</script>