一个弹出式menu的制作[2]

[入库:2005年8月18日] [更新:2007年3月25日]

本文简介:选择自 ccxxcc 的 blog

function mm_swapimgrestore() { //v3.0
  var i,x,a=document.mm_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.osrc;i++) x.src=x.osrc;
}

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_swapimage() { //v3.0
  var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new array; for(i=0;i<(a.length-2);i+=3)
   if ((x=mm_findobj(a[i]))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2];}
}
</script>

当然不要忘记

<script language=javascript src="inc/mm_menu.js"></script>

在body中加入<script language=javascript1.2>mmloadmenus();</script>
然后就可以开始我们激动人心的调用了!

格式如下:

 <td
                onmouseover="mm_swapimage('image1','','images/on_1.jpg',1)"
                onmouseout=mm_swapimgrestore()><span class=div_gui id=gui
                  ondblclick="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
                  onmouseover="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
                  style="padding-left: 24px; z-index: 1; padding-top: 16px; position: absolute"
                  onclick="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')">学院概况</span>
                  <font
                  ondblclick="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
                  onmouseover="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
                  onclick="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
                  onmouseout=mm_starttimeout();><img id=image1 height=49
                  src="images/1.jpg" width=134 border=0
                  name=image1></font></td>

这就是调用一个menu块的代码

其中:

span class=div_gui 的样式需要在css中单独定义
image1用来表示本menu块
mm_swapimage是显示mouseon后的图片
 style="padding-left: 24px; z-index: 1; padding-top: 16px; position: absolute"
中可以用padding-left和padding-top的值控制文字的位置

ondblclick="mm_showmenu(window.mm_menu_0423132603_0,134,0,null,'image1')"
中的0用来控制弹出菜单的位置0为平齐,负值为向上移动的位置,正值向下。

本文关键:一个弹出式menu的制作
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top