<style>
.menu td{
font-size:12px;
color:#ffffff;
border:1px solid orange;
background:orange;
filter:blendtrans(duration=0.5);
cursor:hand;
text-align:center;
}
</style>
<script>
function attachXMenu(objid){
var tds=objid.getElementsByTagName('td');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='#69F'; //这是鼠标移上去时的背景颜色
style.border='1px solid #ffffff'; //边框
style.color='#FFF'; //文字颜色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='orange'; //这是鼠标离开时的背景颜色
style.border='1px solid orange'; //边框
style.color='#ffffff'; //文字颜色
filters[0].play();
}
}
}
}
}
</script>
<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id-->
<table class="menu" id="xmenu0" width="750" cellpadding="3" cellspacing="1" border="0" bgcolor="orange" align="center">
<tr>
<td>冷韵首页</td>
<td>原创文学</td>
<td>设计仓库</td>
<td>脚本收藏</td>
<td>精品网文</td>
<td>解决方案</td>
<td>技术论坛</td>
<td>冷韵寒香</td>
<td>淡水河边</td>
</tr>
</table>
<script>
attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id
</script>