新微赢技术网

标题: 大家来看看这个漂亮的菜单 [打印本页]

作者: 絕版kun騙孖 时间: 2010-1-7 23:55
标题: 大家来看看这个漂亮的菜单
求高手把这个菜单做个连接..我弄了半天也没有弄出来..只是做了字的连接..
希望把每个栏目的表格做上连接..谢谢

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

作者: 莣囨孓love 时间: 2010-1-7 23:55
好东西,收藏了。

作者: 々無極風嘯々 时间: 2010-1-7 23:55
不错支持一下

作者: け星☆辰ご 时间: 2010-1-7 23:55
好东西!我正在做一个这样的菜单

作者: Forever紫月 时间: 2010-1-7 23:55
即简单又实用不错啊

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)