点击显示和隐藏层(js效果,IE FF均可)

最新推荐文章于 2024-10-18 17:51:23 发布
最新推荐文章于 2024-10-18 17:51:23 发布
阅读量3.2k 收藏
点赞数
文章标签： ie javascript stylesheet div border function

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>东奔西走工</title>
<link href="CSS/Regcss.CSS" rel="stylesheet" type="text/css" />
<style>
#starlist {
position: absolute;
z-index: 20;
top: 100px;
float: left;
width: 100%;
margin-right: auto;
margin-left: auto;
}
body {
margin: 0px;
padding: 0px;
}
</style>
</head>

<body>

<script   language="javascript">  
      function   show_div(){  
      var   obj_div=document.getElementById("starlist");  
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';
      }   
      function   hide_div(){
      var   obj_div=document.getElementById("starlist");  
obj_div.style.display=(obj_div.style.display=='none')?'block':'none';   
   }
</script>  
<div id="starlist" style="display:none;"><!--style="display:none;"发布时请将左边设为style="display:none;" -->
    <table width="600" height="225" border="0"   align="center"   cellpadding="5"   cellspacing="0"   bgcolor="#FFFFFF">  
<tr     bgcolor="#D9D9D9"><td height="15"   align="right" bgcolor="#FFFFFF"><a href="javascript:hide_div()">关闭</a><br /></td></tr>
<tr     bgcolor="#D9D9D9">
    <td   align="center" bgcolor="#FFFFFF"><table width="100%" cellpadding=5 cellspacing=1 bgcolor="#FF3300"
>
      <tr >
        <td width="13%" >&nbsp;</td>
        <td width="26%" align="center" >信息发布及服务项目        </td>
        <td width="12%" >普通会员        </td>
        <td width="25%" align="center" >高级会员        </td>
        <td width="24%" align="center">VIP会员        </td>
      </tr>
      <tr >
        <td rowspan="7" align="center" bgcolor="#FFFFFF"><p>信<br />
          息<br />
          发<br />
          布</p>
          </td>
        <td bgcolor="#FFFFFF">公司介绍</td>
        <td align="center" bgcolor="#FFFFFF" >√ </td>
        <td align="center" bgcolor="#FFFFFF" >√        </td>
        <td align="center" bgcolor="#FFFFFF" >√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">产品展示        </td>
        <td align="center" bgcolor="#FFFFFF" >×        </td>
        <td align="center" bgcolor="#FFFFFF" >√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">企业资讯        </td>
        <td align="center" bgcolor="#FFFFFF" >×        </td>
        <td align="center" bgcolor="#FFFFFF" >√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">招聘中心        </td>
        <td align="center" bgcolor="#FFFFFF">×        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">资质证书        </td>
        <td align="center" bgcolor="#FFFFFF">×        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">在线留言        </td>
        <td align="center" bgcolor="#FFFFFF">×        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">联系我们        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr >
        <td rowspan="3" align="center" bgcolor="#FFFFFF" >服<br />
          务<br />
          项<br />
          目 </td>
        <td bgcolor="#FFFFFF" >首页滚动推荐</td>
        <td align="center" bgcolor="#FFFFFF">×</td>
        <td align="center" bgcolor="#FFFFFF">× </td>
        <td align="center" bgcolor="#FFFFFF">√</td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF">首页信息推荐        </td>
        <td align="center" bgcolor="#FFFFFF">×        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
        <td align="center" bgcolor="#FFFFFF">√        </td>
      </tr>
      <tr >
        <td bgcolor="#FFFFFF">风格模版选择        </td>
        <td align="center" bgcolor="#FFFFFF">×        </td>
        <td align="center" bgcolor="#FFFFFF">可上传个性banner        </td>
        <td align="center" bgcolor="#FFFFFF">可选择个性模版        </td>
      </tr>
    </table></td>
</tr>  
</table>  
</div>

<a href="javascript:show_div()" >会员升级说明</a>

<table width="727" height="175" border="0" cellpadding="0" cellspacing="0" bgcolor="#0033CC">
<tr>
    <td width="727">&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
</tr>
</table>
ha<br />ha<br />ha<br />ha<br />ha<br />ha<br />


</body>
</html>

xidor
关注
Javascript实现点击按钮显示浮层（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-08 180
Javascript实现点击按钮显示浮层（附完整源码）
html点击显示隐藏层,js 点击图标隐藏层,再次点击显示层
weixin_36212334的博客
06-03 334
gt;headscript type=text/javascriptfunction changeBody(index){switch(index){case 1:{document.getElementById('iDBody1').style.display = ;document.getElementById('iDBody2').style.display = none;document....
弹出层（点击按钮，弹出页面）
热门推荐
菜鸟猿小天
05-07 3万+
点击一个按钮，然后在当页弹出一个table表格。&lt;!DOCTYPE html&gt; &lt;html &gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;script src="js/jquery-3.2.1.min.js
Js实现主页面中显示/隐藏层的效果
TnQin的专栏
07-11 3588
在坐Jsp界面Ajax效果时，总想实现主界面中，单击按钮弹出个小界面，使得主界面处于被锁状态，弹出的小界面方便我们编辑数据。有很多方式都可以解决，参考其它系统中的一种方式，实现起来比较方便：即 document.getElementById('Div').style.display设置其熟悉值来实现层的隐藏或显示。   准备工作：                一、编辑test.jsp
IE和FF的差异
apshqav155479的博客
10-13 197
ie和ff的差异 1. document.form.item 问题　1)现有问题：　　现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行　2)解决方法：　　改用 document.formName.elements["elementName"] 2. 集合类对象问题　1)现有问题：　　现有代码中许多...
JS在IE和FF下不兼容的问题及部分解决办法
u010804100的专栏
06-03 2158
下面列出JS在IE和FF下不兼容的方法 1、Dom操作 var wrongGet = obj.firstChild; var wrongGet = obj.lastChild; var wrongGet = obj.nextSibling; var wrongGet = obj.childNodes; var wrongGet = obj.previousSibling; 2、HTM
转 CSS hack：针对IE6，IE7，firefox显示不同效果
hong2511的博客
07-27 153
CSS hack：针对IE6，IE7，firefox显示不同效果 做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。 区别不同浏览器的CSS hack写法： 区别IE6与
JS在IE和火狐中的差异
mimixiao345的专栏
09-02 524
1. document.form.item 问题 (1)现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox(火狐)下运行 (2)解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 (1)现有问题： 现有代码中许多集合类对象
Js在IE和FF兼容性问题汇总【转】
diaoqiu7578的博客
11-06 118
以下以 IE 代替 Internet Explorer，以 FF 代替 Mozzila FF 1. document.form.item 问题 现有问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 FF 下运行 解决方法： 改用 document.formName.elements["elementName"]...
【消息提示组件】，兼容IE6/7&&FF2
10-30
“消息提示组件”是一款实用的前端工具，不仅提供了丰富的功能和良好的用户体验，还特别注重了跨浏览器兼容性问题，尤其是在当时流行的IE6 和 FF2 上。对于希望提升网页应用交互效果的开发者来说，它无疑是一个值得...
ff chrome和ie下全局动态定位的异同及全局高度的取法
09-04
在IE、FF和Chrome中，这些定位方式的实现基本相同，但在某些情况下，如CSS盒模型差异或浏览器对某些属性的支持程度不同，可能会导致显示效果的差异。开发者需要特别注意浏览器对`z-index`、`top`、`bottom`、`left`...
圆角效果 在IE5.5、IE6、IE7、IE8、FF3、TT、Maxthon2.1.5、Opera9.6、Safari4.0通过
12-13
本文将详细讨论如何在不同浏览器中，特别是IE5.5至IE8及Firefox 3、Thunderbird（TT）、Maxthon 2.1.5、Opera 9.6和Safari 4.0中实现纯CSS的圆角效果。 首先，我们来看CSS3中的border-radius属性，这是实现圆角效果...
图片链接无虚线，保证在ff和ie下正常运行
08-29
为了确保图片链接在FF和IE浏览器下均无虚线效果，开发者可以灵活运用JavaScript和CSS技术，通过`this.blur()`、设置`outline: none`或两者结合的方式来实现这一目标。在实际项目中，建议进行充分的测试以确保在各种...
JS-常用功能
qq_40950398的博客
10-18 138
汇总一些常用的js功能
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 756
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
源码好优多
10-16 783
请联系我获取更详细的演示视频。
2024 Bootstrap 秘籍：基础详解、实战案例与优化技巧
最新发布
weimengen的博客
10-18 548
本文介绍了使用 Bootstrap 构建网站的技巧。涵盖了 Bootstrap 的基础知识，包括响应式设计原理、HTML 结构、CSS 类作用和 JavaScript 插件。详细阐述了安装与使用方法、布局规划、组件选择及自定义样式等方面，并为每个知识点提供了丰富案例。掌握这些技巧，开发者能构建出高质量、美观且响应式的网站。
基于SpringBoot的冬奥会科普平台
weixin_53180424的博客
10-16 323
系统展示 【2024最新】基于Java+SpringBoot+Vue+MySQL的，前后端分离。
uni-app中添加自定义相机（微信小程序+app）
qq_29184685的博客
10-15 770
2、使用h5plus提供的plus.video.LivePusher来实现，可以使用于vue平台，如果需要在相机上覆盖样式，比如边框之类的比较复杂，实践过后发现获取的图片宽度比相机宽度大，获取快照时间过长，大概需要2秒。2.1、这种方法可以在vue页面中使用，自定义样式需要plus.webview.create添加一个html页面来实现，在项目根目录下添加一个hybrid目录，在目录下添加html页面。1、使用live-pusher标签，但是页面需要是nvue平台【推荐使用这种】
实现IE和FF兼容的拖动层效果
拖动层效果，兼容IE和FF! 拖动层效果是指在网页中实现拖动层的效果，使用户可以自由拖动层的位置。为了实现这种效果，我们需要使用HTML、CSS和JavaScript技术。同时为了兼容不同的浏览器，如IE和FF，我们需要使用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值