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为平齐,负值为向上移动的位置,正值向下。