各位前辈帮帮忙,刚接的项目,客户要求做点效果,但是浏览器要用IE8,美工已经把页面画好了,基本都是用table布局的,有一个工具版的table,一开始是隐藏的,点击一个按钮后弹出,我想加一个动画效果,但是用show方法后页面没有反映,代码如下:<div class="center_border">
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td valign="top" id="hoarymenu" style="display:none">
<table style="width:250px;" border="0" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td valign="top"><img src="ESMS_border_images/menu_bg_1.gif" width="6" height="15" /></td>
<td valign="top" class="menu_bg_1" width="100%"height="15"> </td>
<td valign="top" height="6"><img src="ESMS_border_images/menu_bg_2.gif" width="11" height="15" /></td>
</tr>
<tr>
<td class="menu_bg_3"> </td>
<td class="menu_bg_2">
<table border="0" cellpadding="0" cellspacing="0" valign="top" id="toolmenu">
<tr>
<td>
<strong class="menu_title">
工具面板
<a href="Redact_Tool.html" title="请选择工具" rel="gb_page_center[600, 200]"> <img src="ESMS_border_images/fatcow_240.gif" width="16" height="16" class="gjmb_img" /></a>
</strong>
</td>
</tr>
<tr>
<td id="ul">
<a href="#"><img src="ESMS_border_images/menu_khgl.gif" width="93" height="82" class="menu_img" /></a>
<a href="Customer_contractList.html" target="mainFrame"><img src="ESMS_border_images/menu_htgl.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_khlxr.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_xmlb.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_mail.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_jsb.gif" width="93" height="82" class="menu_img" /></a>
</td>
</tr>
</table>
</td>
<td class="menu_bg_4"> </td>
</tr>
<tr>
<td valign="top" width="0"><img src="ESMS_border_images/menu_bg_6.gif" width="6" height="11" /></td>
<td valign="top" class="menu_bg_5" width="100%" ></td>
<td valign="top"><img src="ESMS_border_images/menu_bg_8.gif" width="11" height="11" /></td>
</tr>
</table>
</td>
<td>
<div id="top-nav" style=" margin:250px auto; " > <span style="cursor:pointer" id="p1" onclick="menu.showmenu_tool()" > <img src="ESMS_border_images/left.gif" height="15px" width="15px" title="隐藏menu" /></span></div>
</td>
<td valign="top" width="100%" >
<div class="iframe_border">
<iframe src="Customer_manage.html" id="border_iframe" width="100%" height="100%" onload="this.length=250" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" name="mainFrame">
</iframe>
</div>
</td>
</tr>
</table>
</div>红色部分为弹出菜单的那个id下面是JS,open是一个全局变量,用来标记菜单面板是打开的还是关闭的showmenu_tool:function(){
if(open==0){
jQuery("#hoarymenu").show("slow");
open=1;
}else if(open==1){
jQuery("#hoarymenu").animate({height: 'toggle', opacity: 'toggle'}, "slow");
open=0;
}
}求各位前辈帮帮小弟忙
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td valign="top" id="hoarymenu" style="display:none">
<table style="width:250px;" border="0" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td valign="top"><img src="ESMS_border_images/menu_bg_1.gif" width="6" height="15" /></td>
<td valign="top" class="menu_bg_1" width="100%"height="15"> </td>
<td valign="top" height="6"><img src="ESMS_border_images/menu_bg_2.gif" width="11" height="15" /></td>
</tr>
<tr>
<td class="menu_bg_3"> </td>
<td class="menu_bg_2">
<table border="0" cellpadding="0" cellspacing="0" valign="top" id="toolmenu">
<tr>
<td>
<strong class="menu_title">
工具面板
<a href="Redact_Tool.html" title="请选择工具" rel="gb_page_center[600, 200]"> <img src="ESMS_border_images/fatcow_240.gif" width="16" height="16" class="gjmb_img" /></a>
</strong>
</td>
</tr>
<tr>
<td id="ul">
<a href="#"><img src="ESMS_border_images/menu_khgl.gif" width="93" height="82" class="menu_img" /></a>
<a href="Customer_contractList.html" target="mainFrame"><img src="ESMS_border_images/menu_htgl.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_khlxr.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_xmlb.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_mail.gif" width="93" height="82" class="menu_img" /></a>
<a href="#"><img src="ESMS_border_images/menu_jsb.gif" width="93" height="82" class="menu_img" /></a>
</td>
</tr>
</table>
</td>
<td class="menu_bg_4"> </td>
</tr>
<tr>
<td valign="top" width="0"><img src="ESMS_border_images/menu_bg_6.gif" width="6" height="11" /></td>
<td valign="top" class="menu_bg_5" width="100%" ></td>
<td valign="top"><img src="ESMS_border_images/menu_bg_8.gif" width="11" height="11" /></td>
</tr>
</table>
</td>
<td>
<div id="top-nav" style=" margin:250px auto; " > <span style="cursor:pointer" id="p1" onclick="menu.showmenu_tool()" > <img src="ESMS_border_images/left.gif" height="15px" width="15px" title="隐藏menu" /></span></div>
</td>
<td valign="top" width="100%" >
<div class="iframe_border">
<iframe src="Customer_manage.html" id="border_iframe" width="100%" height="100%" onload="this.length=250" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" name="mainFrame">
</iframe>
</div>
</td>
</tr>
</table>
</div>红色部分为弹出菜单的那个id下面是JS,open是一个全局变量,用来标记菜单面板是打开的还是关闭的showmenu_tool:function(){
if(open==0){
jQuery("#hoarymenu").show("slow");
open=1;
}else if(open==1){
jQuery("#hoarymenu").animate({height: 'toggle', opacity: 'toggle'}, "slow");
open=0;
}
}求各位前辈帮帮小弟忙
解决方案 »
- 在两个canvas之间交换图片遇到问题
- jquery是如何将dom对像转换成数组对象的
- 一个播放mp3文件的问题,在线等待急...
- 求javascript月份选择器
- 求助js无法获取会话cookie的键和值?why?
- 高手请帮忙,为什么我这样不能调用??
- 高价找javascript高手代写web程序
- 请问如何生成?
- 大伙帮忙看看,这个函数里面使用string.lastIndexOf提示出错,究竟咋回事
- 在JSP页面里如何调用本机的应用程序MS-Excel,打开服务端的excel文件,并把它置为打印状态
- jquery click 需要点击两次才能改变值,很奇怪
- 如果用javascript区别IE9和IE8
你最好查看你的open数据是否为0 1了
这个show不出来应该和ie8关系不大的
如果其他浏览器没问题,那肯定是布局问题了。。好好找吧。。
有时候少了td或者多了其他啥的,IE判断不出来
我把放到myeclipse里,报错了,多了个</a> 但是去掉了还是不行,哭了。。