一款 div隐藏/显示js代码

 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net /1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>一款 div隐藏/显示js代码</title>
<script language="网页特效">
function showhidet(objname)
{
 var obj = $obj(objname);
 if(obj.style.display != "none" ) obj.style.display = "none";
 else obj.style.display = ($nav()=="ie" ? "block" : "table");
}
function $nav()
{
 if(window.navigator.useragent.indexof("msie")>=1) return 'ie';
 else if(window.navigator.useragent.indexof("firefox")>=1) return 'ff';
 else return "ot";
}

function $obj(objname)
{
 return document.getelementbyid(objname);
}

</script>
</head>

<body>
<div >
<a href="javascript:void(0);" onclick="showhidet('h');">显示/隐藏</a></div>
<table width="451" border="1" id="h">
  <tr>
    <td width="59">内容</td>
    <td width="59">&nbsp;</td>
    <td width="311">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>js显示隐藏函数</td>
  </tr>
</table>
</body>
</html>

时间: 2024-09-20 09:45:57

一款 div隐藏/显示js代码的相关文章

js+div 隐藏显示层代码

js+div 隐藏显示层代码 <script language=javascript> function toExit(){<!--对隐藏层的操作--> var args=toExit.arguments;<!--获取函数的输入值--> var visible=args[0];<!--函数的第一个输入值--> if(document.all){<!--对于ie浏览器-->   if(visible=='show')visible='visible

隐藏显示-隐藏 显示 js 初学者 html

问题描述 隐藏 显示 js 初学者 html <button class="huadong" style="background-image:url(********);height:20px;"></button> <div class="neirong"> <p>综合评分 详细评分 相比行业</p> </div> $(".huadong").click

3 款实用的在线JS代码工具推荐

本文为大家带来3款非常实用的在线JS代码工具,可以帮助你方便地处理JavaScript或jQuery代码.  1. 压缩工具  用于在线压缩你的JS代码,它有一个选项"Include latest jquery.min.js",这对于提升速度非常有用.  推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度  2. 美化工具  用于将压缩后的代码转换回正常状态,使代码再次可读.该工具也可用于混淆的代码.  推荐理由:漂亮的代码 = 易读 = 更快地开发  3. 混淆工具  用

3款实用的在线JS代码工具(国外)_javascript技巧

   1. 压缩工具        用于在线压缩你的JS代码,它有一个选项"Include latest jquery.min.js",这对于提升速度非常有用.         推荐理由:缩小代码 = 更小的文件大小 = 更快的网页加载速度           2. 美化工具          用于将压缩后的代码转换回正常状态,使代码再次可读.该工具也可用于混淆的代码.         推荐理由:漂亮的代码 = 易读 = 更快地开发         3. 混淆工具        用于保

通过遮罩层实现浮层DIV登录的js代码

 遮罩层实现浮层DIV登录的效果,想必很多的朋友都有遇到过吧,实现起来也是很简单的,下面有个不错的实现,大家可以感受下 这个就没什么好说的了..直接上代码啊!!    首先是HTML的代码.其中包含了登录点击按钮以及一个简陋的登录框.     代码如下: <body>  <div id="shade"></div>  <div>  <a onclick="login()" style="cursor:p

两款右下角浮动广告js代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <title> float message <

三款文字向上滚动js代码

本文章收藏了三款文字向上滚动代码他有二款是利用js实现文字向上滚动效果,一款是利用了marquee来实现文字滚动效果哦,其实有了marquee做向上滚动己就很容易了,同时还可以控制左右上下等哦. <title>三款文字向上滚动代码</title> <style type=text/css教程> #divascontainer {  clip: rect(0px 320px 120px 0px); height: 120px; left: 10px; overflow:

利用onMouseOver与onmouseout鼠标变量调用div背景样式js代码

js 利用onMouseOver与onmouseout鼠标变量div背景样式代码 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 利用onMouseOver与onmouseout

三款禁止回车提交js代码

有什么问题请到评论中发表<br> <form name=myform action=myjsp教程.php教程> <input type=text name=mytext> <input type=text name=mytext2> <input type=button name=mybutton value=submit onclick=myform.submit()> </form> 方法二   <head> <