显示隐藏表格/ 连接提示

原创 2004年10月15日 15:08:00

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=/"/";");
eval("txt" + sid + ".innerHTML=/"<a href='#' title='关闭此项'><font face='Wingdings' color=#FFFFFF>x</font></a>/";");
}
else
{
eval("submenu" + sid + ".style.display=/"none/";");
eval("txt" + sid + ".innerHTML=/"<a href='#' title='打开此项'><font face='Wingdings' color=#FFFFFF>y</font></a>/";");
}
}
</script>
<script>
<!--
//***********默认设置定义.*********************
tPopWait=1;  //停留tWait豪秒后显示提示。
tPopShow=6000;  //显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=95;
fontcolor="#333333";
bgcolor="#f7f7f7";
bordercolor="#9999cc";

//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText {  background-color: " + bgcolor + ";color:" + fontcolor + "; border: 1px " + bordercolor + " solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");


function showPopupText(){
var o=event.srcElement;
 MouseX=event.x;
 MouseY=event.y;
 if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
 if(o.dypop!=sPop) {
   sPop=o.dypop;
   clearTimeout(curShow);
   clearTimeout(tFadeOut);
   clearTimeout(tFadeIn);
   clearTimeout(tFadeWaiting); 
   if(sPop==null || sPop=="") {
    dypopLayer.innerHTML="";
    dypopLayer.style.filter="Alpha()";
    dypopLayer.filters.Alpha.opacity=0; 
    }
   else {
    if(o.dyclass!=null) popStyle=o.dyclass
     else popStyle="cPopText";
    curShow=setTimeout("showIt()",tPopWait);
   }
   
 }
}

function showIt(){
  dypopLayer.className=popStyle;
  dypopLayer.innerHTML=sPop;
  popWidth=dypopLayer.clientWidth;
  popHeight=dypopLayer.clientHeight;
  if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
   else popLeftAdjust=0;
  if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
   else popTopAdjust=0;
  dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
  dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
  dypopLayer.style.filter="Alpha(Opacity=0)";
  fadeOut();
}

function fadeOut(){
 if(dypopLayer.filters.Alpha.opacity<popOpacity) {
  dypopLayer.filters.Alpha.opacity+=showPopStep;
  tFadeOut=setTimeout("fadeOut()",1);
  }
  else {
   dypopLayer.filters.Alpha.opacity=popOpacity;
   tFadeWaiting=setTimeout("fadeIn()",tPopShow);
   }
}

function fadeIn(){
 if(dypopLayer.filters.Alpha.opacity>0) {
  dypopLayer.filters.Alpha.opacity-=1;
  tFadeIn=setTimeout("fadeIn()",1);
  }
}
document.onmouseover=showPopupText;
-->
</script>
</head>

<body>
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="50" align="center" bgcolor="#DDDDDD"  onclick="showsubmenu(3)"><font face='Webdings' color=#FFFFFF>5</font></a> <span id=txt3 name=txt3><a href='#' title='关闭此项'><font face='Wingdings' color=#FFFFFF>x</font></td>
  </tr>
  <tr>
    <td  style="display" id='submenu3'><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center"><img src="file:///F|/cnb2b/IMAGES/CP-D.JPG" width="200" height="200"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><a href="#" title="作者:<br>时间:<br>阅读次数:">提示</a></td>
  </tr>
</table>
</body>
</html>

jquery 实现 表格动态显示与隐藏

 先给看张效果这是没有点击的时候第二张就点击后会展开。这样给用户的体验就非常棒了。主要实现的功能其实非常简单。$(document).ready(function()  ".first").click...
  • xuguang929
  • xuguang929
  • 2009年09月26日 20:53
  • 4331

Jquery隐藏/显示表格内容

点击展开详细信息按钮,显示/隐藏该条数据详细信息,下面是源代码,仅供参考! .panel { background-color:green; ...
  • u014655105
  • u014655105
  • 2015年04月15日 12:39
  • 1609

js点击显示隐藏表格

function turn(id){ if(document.getElementById(id).style.display=="") {  document.getElementById(id)....
  • lpy123456
  • lpy123456
  • 2007年03月14日 14:47
  • 1369

一个简单的点击后显示与隐藏表格的例子

 一个简单的点击后显示与隐藏表格的例子html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" con...
  • cncco
  • cncco
  • 2008年09月01日 20:01
  • 1064

使DataGrid中的某些列隐藏起来

先定义样式表.noneDisplay { display:none;}绑定数据源的同时 在代码中使某些列使用样式表datagrid1.DataSource=datatable1;datagrid1.C...
  • cutesun
  • cutesun
  • 2005年11月15日 17:04
  • 724

html显示隐藏表格内外边框

内格框: 隐藏横向分割线 rules = cols 隐藏竖向分割线 rules = rows 隐藏所有分割线 rules = none 外边框: 只显示上边框 frame  = ab...
  • sinat_35747438
  • sinat_35747438
  • 2017年10月31日 09:30
  • 298

js隐藏和显示表格

CSS中代码 body{font-size:30px;} tr{display:none} input{width:400px;height:50px;font-size:30px;...
  • cjopengler
  • cjopengler
  • 2013年09月27日 11:46
  • 2378

vue的显示与隐藏

>   html>   head>       meta charset="utf-8">       title>vue点击切换显示隐藏title>       script src="h...
  • qq_40039641
  • qq_40039641
  • 2018年01月08日 10:31
  • 265

JS控制表格某行隐藏或显示后页面布局错乱

浏览器IE8下显示情况: 浏览器Google Chrome下显示错乱,如下图: JS控制表格中隐藏内容代码: function disPlay(){ var row = d...
  • feifei839535570
  • feifei839535570
  • 2014年01月17日 12:51
  • 1097

js控制隐藏或显示table的某一行

主要JS如下:(兼容browser: IE9, FireFox, Chrome, 360 safe) var row = document.getElementById(ro...
  • keenweiwei
  • keenweiwei
  • 2013年02月18日 11:13
  • 17377
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:显示隐藏表格/ 连接提示
举报原因:
原因补充:

(最多只允许输入30个字)