首先应该是在调用的时候改编了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》
分享到:
相关推荐
点击文字弹出一个DIV层窗口代码,下载就能用
一个很好用的javaScript写的小程序,可实现div的拖动、变形。解压后直接拷到程序中就可运行
点击输入框 弹出div层 div层中放入复选框勾选值 点击复选框 值放入输入框内
本文实例讲述了JS简单实现点击按钮或文字显示遮罩层...点击文字弹出一个DIV层窗口代码</title> <meta charset="urf-8"/> <style> .black_overlay{ display: none; position: absolute; top: 0
使用DIV+CSS技术实现导航栏菜单的制作,鼠标经过每个菜单标题,它的子菜单就会出现。
html5 jquery 实现DIV的fadeIn、fadeOut、fadeToggle淡入淡出渐变,点击出现淡出div元素、点击出现淡入div元素、点击出现颜色变淡、点击淡入或淡出。这种应用在网页前端开发中相当的普遍,有必要掌握,而且现在大...
利用jQuery实现点击事件,点击div出现涟漪特效涟漪特效。
3种效果完成div(模态层)的弹出 背景黑色透视 效果很平滑
修正了点击图片出现虚线框的问题; 修正了图像宽度比浏览器窗口大时,出现滚动条的问题,显示的大图片自动适应浏览器页面大小,不出现滚动条。 原效果地址 http://leandrovieira.com/projects/jquery/lightbox/
NULL 博文链接:https://yangpanwww.iteye.com/blog/984155
那么你应该把行高设置成170左右(大约是div高度的二倍,具体的可以调,决定行高的主要原因是字体的大小),如果仅仅是这样的话,那么在IE6下就会出现div高度加倍的现象,解决的方法是在div的css样式里面加上overflow...
点击文本框中按钮弹出日期 <div style="width:110px; float:left;"><input name="text" type="text" class="Input" id=showdate /></div><div style="margin-left:-20px; margin-top:4px; width:20px; float:left; z...
昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮。 效果如下: 问题: 在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题,就是在悬浮出现按钮后,鼠标要...
,每当这一串串有关时间的词语不经意出现在眼前时,心便有种酥麻麻的感觉,说不出,道不明的伤感像一阵突如其来的寒风, 卷走心底仅存的温明,空荡的心房需要汲取过往的一丝温暖才能安详度日,我知道,在每个人的...
弹出居中DIV窗口,背景逐渐变暗,可以在调用时直接定义窗口的大小
常用出现场景:商城点击订单提交 1、使用Vue封装事件 body: <div> ()>提交订单 </div> 方法: methods: { submitOrder() { // 处理逻辑 } } 2、使用原生JS事件 在数据data里面声明一个flag属性 data() {...
18. jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 19. jQuery图片自动轮播淡入淡出的幻灯插件iFadeSlide 20. jQuery大气banner带时间线自动播放的焦点图轮番切换代码 21. jquery定时自动切换banner...
点击选择框出现下拉<div class="close" id="close">('titt').style.visibility='hidden'">选择</a></div> <div class="clear"></div> <li><a onclick="addValue('el',this)">11111</a></li> <li><a ...
一般做的手机网页在android手机上点击div或者按钮时,点击区都会出现一块令人讨厌的阴影块,想去掉吗,想的话就下载吧