大家来看看这个漂亮的菜单

[复制链接]

絕版kun騙孖

电梯直达

1^#

发表于 2010-1-7 23:55:07 | 只看该作者回帖奖励

|倒序浏览 |阅读模式

求高手把这个菜单做个连接..我弄了半天也没有弄出来..只是做了字的连接..
希望把每个栏目的表格做上连接..谢谢

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

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

收藏0