`

点击出现div

    博客分类:
  • js
阅读更多
首先应该是在调用的时候改编了div的属性使原先的hidden属性改变为visable属性。 我试验的代码: 控制的js: 《script language="JavaScript" type="text/JavaScript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms<i>[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers<i>.document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_showHideLayers() { //v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args<i>))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } 实现的div: 《div id=san style="FILTER: revealTrans(transition=12,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; width: 271px; visibility: hidden;"> <table width="180" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <tr> <td width="178" height="24" bgcolor="#CCCCCC"><div align="center"><strong>各地区博客 </strong> </div></td> </tr> <tr> <td bgcolor="#ECEDEB"><table width="94%" height=114 border=0 align="center" cellpadding=0 cellspacing=0 class=pop> <tbody> <tr> <td><a href="http://localhost/BlogOnline/regist.jsp?id=<%=userloginid%>&openBlog=1"> 内蒙地区博客</a></td> </tr> <tr> <td><a href="http://localhost/BlogOnline/regist.jsp?id=<%=userloginid%>&openBlog=1">山西地区博客</a></td> </tr> <tr> <td><a href="http://localhost/BlogOnline/regist.jsp?id=<%=userloginid%>&openBlog=1">青岛地区博客</a></td> </tr> <tr> <td><a href="http://localhost/BlogOnline/regist.jsp?id=<%=userloginid%>&openBlog=1">烟台地区博客</a> </td> </tr> <tr> <td><a href="http://localhost/BlogOnline/regist.jsp?id=<%=userloginid%>&openBlog=1">河北地区博客</a></td> </tr> <tr> <td> <div align=right> <span style="CURSOR: hand" onClick=Hide(san)>关 闭</span></div></td> </tr> </tbody> </table></td> </tr> </table> </div> <div align="center"></div> <div align="center"> <script language=JavaScript1.2> <!-- function Show(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play(); } function Hide(divid) { divid.filters.revealTrans.apply(); divid.style.visibility = "hidden"; divid.filters.revealTrans.play(); } //--> </div》
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics