手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >漂亮的仿flash菜单,来自蓝色经典
漂亮的仿flash菜单,来自蓝色经典
摘要:/*先把这个xmenu的样式放到css里*/.xmenutd{font-size:12px;font-family:verdana,aria...

<style>

/* 先把这个 xmenu 的样式放到css里 */

.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}

</style>

<script>

/*

http://lexrus.blueidea.com

这是把事件动作绑定到菜单上的函数

*/

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='#66CCFF'; //这是鼠标移上去时的背景颜色

style.border='1px solid #ffffff'; //边框

style.color='black'; //文字颜色

filters[0].play();

}

}

onmouseout=function(){

with(this){

filters[0].apply();

style.background='#336699'; //这是鼠标离开时的背景颜色

style.border='1px solid #336699'; //边框

style.color='#ffffff'; //文字颜色

filters[0].play();

}

}

}

}

}

</script>

<>

<table id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">

<tr>

<td><a href="http://www.lenvo.cn/">www.lenvo.cn</a></td>

<td>Name</td>

<td>Is</td>

<td>LeX</td>

<td>Rus</td>

<td>!!!</td>

</tr>

</table>

<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>

<br><br><br><br>

<>

<table id="xmenu1" width="100" cellpadding="1" cellspacing="4" border="0" bgcolor="#336699" align="center">

<tr><td>My</td></tr>

<tr><td>Name</td></tr>

<tr><td>Is</td></tr>

<tr><td>LeX</td></tr>

<tr><td>Rus</td></tr>

<tr><td>!!!</td></tr>

</table>

<script>attachXMenu(xmenu1);</script>

【漂亮的仿flash菜单,来自蓝色经典】相关文章:

JS对字符串编码的几种方式使用

javascript实现控制的多级下拉菜单

免费空间广告万能消除代码

JavaScript常用数组算法小结

浅谈document.write()输出样式

发现的以前不知道的函数

浅谈javascript中for in 和 for each in的区别

二级连动菜单

Java有哪些常用语?Java常用语言汇总

超级强大的表单验证

精品推荐
分类导航