<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>

<style>
.menu,a{
font-size:12px;
color:#ffffff;
border:1px solid orange;
background:orange;
filter:blendtrans(duration=0.5);
cursor:hand;
text-align:center;
list-style:none;
border:1px;
margin:3px 0px 3px 0px;
TEXT-ALIGN: center;
}

a{float:left;list-style:none;padding:3px 5px 3px 5px;}
a:link, a:visited,a:hover, a:active {
text-decoration:none
}
</style>
<script>
function attachXMenu(objid){
var tds=objid.getElementsByTagName('a');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='#69F'; //这是鼠标移上去时的背景颜色
style.border='0px solid #ffffff'; //边框
style.color='#FFF'; //文字颜色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='orange'; //这是鼠标离开时的背景颜色
style.border='0px solid orange'; //边框
style.color='#ffffff'; //文字颜色
filters[0].play();
}
}
}
}
}
</script>
<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id-->
<div class="menu" id="xmenu0" >
<a href="index.asp">冷韵首页</a>
<a href="index1.asp">原创文学</a>
<a href="index2.asp">设计仓库</a>
<a href="index3.asp">脚本收藏</a>
<a href="index4.asp">精品网文</a>
<a href="index5.asp">解决方案</a>
<a href="index6.asp">技术论坛</a>
<a href="index7.asp">冷韵寒香</a>
<a href="index8.asp">淡水河边</a>
</div>
<script>
attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id
</script>