hollo的专栏

i wish you life to fill sunlight

菜单(menu)

整理的几个菜单,

<style>
/* 先把这个 xmenu 的样式放到css里 */
.xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:0px solid #09224c;background:#09224c;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='#ffffff'; //这是鼠标移上去时的背景颜色
     style.border='1px solid #efefef'; //边框
     style.color='000000'; //文字颜色
     filters[0].play();
    }
   }
   onmouseout=function(){
    with(this){
     filters[0].apply();
     style.background='#09224c'; //这是鼠标离开时的背景颜色
     style.border='1px solid #09224c'; //边框如果在大城市生活,每天被生活左右,哪还有什么心情花前月下.
     style.color='#ffffff'; //文字颜色
     filters[0].play();
    }
   }
  }
 }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>

<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id-->
<table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#09224c" align="center">
<tr>
<td>My</td>
<td>Name</td>
<td>Is</td>
<td onclick="#">LeX <!--这是按下以后打开一个网页--></td>
<td>Rus</td>
<td>!!!</td>
</tr>
</table>
<script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script>

阅读更多
个人分类: Javascript
下一篇菜单二(menu)
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭