登录 注册

登录

问题 写了个弹出菜单 firefox下就是看不到 请问有知道如何改的吗?

更多
2010年02月02日 01:08 - 2010年02月02日 01:18 #1 作者: guang125
用customcode 这个模块写了一个 js弹出菜单,IE下可以用 但是换到firefox下却弹不出来 观察后好像是被内容页给挡住了,不知道有熟悉css和js可以帮助改一下吗? 可以在firefox下正常弹出

演示:http://www.easb.edu.sg/en/hometest.html  移到菜单右边的 select courses

代码:

<body>
<DIV id="shoe_box"  style="POSITION: absolute;padding:0px;PADDING-top: 0px; WIDTH: 0px; height:10px; z-index: 10; DISPLAY:none"><div style="BORDER: 1px solid #666; padding:0px; width: 100%; height: 100%; z-index: 200; " id="show_box_con"></div></div>
<script>
var h_max=320, w_max=500 ,otep=4;
var obj,obj_l,obj_t,obj_w,obj_h,x,y,show_obj;
var str='<iframe src="table.htm" width="100%" height="100%" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>'
var sh=0
function  show_div(o_img,id){
obj=get_object(id);
obj_l=416;
obj_t=39;
obj_w=141;
obj_h=23;
x=obj_l+obj_w/2;
y=obj_t-5;
show_obj=get_object("shoe_box")
show_obj.style.display="block"
show_obj.style.left=x
show_obj.style.top=y
shou_div_do()
}

var n=0,obj_l_new,obj_t_new,obj_w_new,obj_h_new;
var timer1,timer
function shou_div_do(){
sh=1
if (n>=otep){
clearTimeout(timer1);
sh=0;
n=otep;
show_obj.style.left=236;
get_object("show_box_con").innerHTML=str;
show_obj.style.height=236;
show_obj.style.zIndex=1000;
get_object("show_box_con").onmouseout=function(){hid_me()}
}
else {
n++;
show_obj.style.left=x-n*(w_max/otep)/2;
show_obj.style.width=n*(w_max/otep);
show_obj.style.height=n*(h_max/otep);
timer1=setTimeout("shou_div_do()",30);
}
}


function hid_me(){
if (sh==1)return;
if (n<1){
clearTimeout(timer);
n=1;
show_obj.style.display="none";
}
else {
n--;
get_object("show_box_con").innerHTML="";
show_obj.style.left=x-n*(w_max/otep)/2;
show_obj.style.width=n*(w_max/otep);
show_obj.style.height=n*(h_max/otep);
timer=setTimeout("hid_me()",50);
}
}

function get_object(obj) {
var elem;
if (typeof obj == "string") elem = document.getElementById(obj);
else elem = obj;
return elem;
}
</script>

<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width=778 border=0>
  <TBODY>
  <TR>
    <TD align="right" vAlign=bottom><SCRIPT language=JavaScript1.2
            src="js/Boot.js"
            type=text/javascript></SCRIPT><img id="imgs" height=24
                  src="images/all-course-menu.gif"
                  width=116 name=two-tabs></TD>
    </TR></TBODY></TABLE>
</DIV>
<script>
get_object("imgs").onmouseover=function(){show_div("imgs","all-categories")}
</script>
</body>

</html>

登录 或者   注册一个会员帐号 来参与讨论