|
<style type="text/css"> <!-- /*xmenu 样式 */ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#AA9E8E;border:1px solid #736357;background:#534741;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=#998675; //这是鼠标移上去时的背景颜色 style.border=1px solid #AA9E8E; //边框 style.color=#ffffff; //文字颜色 filters[0].play(); }} onmouseout=function(){ with(this){ filters[0].apply(); style.background=#534741; //这是鼠标离开时的背景颜色 style.border=1px solid #736357; //边框 style.color=#AA9E8E; //文字颜色 filters[0].play(); }}}}} //菜单结束 </script>
<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id--> <table width="145"border="0" align="center" cellpadding="1" class="xmenu" id="xmenu1" cellspacing="4"> <tr><td onclick="location.href=?">论秀首页 <tr><td bgcolor="#534741" onclick="location.href=01.htm">01.htm<tr><td bgcolor="#534741" onclick="location.href=02.htm">02.htm<tr> <script>attachXMenu(xmenu1);//在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> </td></tr></table> <!--菜单结束-->
|
在百度中搜索:blendtrans滤镜做的菜单效果
上一篇:JScript 教程 下一篇:javascript的面向对象编程
|