首先应该是在调用的时候改编了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层窗口代码,下载就能用
jquery/js实现鼠标点击一个div,另一个div变色demo
`toggleClass()`函数用于切换类名,使得每次点击都能反转div的状态,达到打开和关闭的效果。 如果想要自定义更复杂的弹出效果,可以利用jQuery的动画方法,如`.slideToggle()`,它能实现滑动展开或收起的效果: ``...
4. **缩放功能**:实现div的缩放功能,可能需要监听`mousedown`和`mousemove`事件,并且需要计算鼠标点击的位置(作为缩放的中心点),以及每次鼠标移动时的缩放比例。这通常涉及到`scale` CSS变换,或者直接更改div...
这个场景描述的是一个交互式的设计元素,当用户在网页上拖动某个div时,会有一个弹出的div出现,并且整个背景会变暗,这种效果通常用于创建对话框或者模态窗口,为用户提供一个突出的视觉焦点。 实现这个功能主要...
3. **滚动逻辑**:当用户点击上/下按钮时,我们需要计算出滚动的距离(如每次滚动10像素),然后使用`scrollTop`属性改变div的滚动位置。例如,向上滚动: ```javascript var div = document.getElementById('...
在Vue.js应用中,有时我们需要实现一种功能,即当用户点击页面上的某个自定义div后,该div显示,而当用户点击除这个div之外的任何其他区域时,该div消失。这种需求通常出现在下拉菜单、弹出框或提示信息等组件中。...
8. **点击穿透**:为了避免弹出层下方的元素仍然可点击,可以设置`pointer-events: none;`在不需要交互的元素上,然后在弹出层上设置`pointer-events: auto;`。 通过上述方法,我们可以有效地解决`div`弹出层的定位...
在本文中,我们将探讨如何使用jQuery实现特定的交互效果:点击某个div元素时打开一个层,而点击其他div元素时关闭该层。此外,本文将重点介绍如何处理事件冒泡,以防止出现不符合预期的交互行为。 ### jQuery实现...
- 为了模拟iframe的动态加载效果,可以在用户点击导航链接时,通过JavaScript改变`content` div的内容,而不是重新加载整个页面。 3. **跨域通信**: - 虽然iframe可以处理跨域问题,但用DIV仿iframe布局时,需要...
这个问题在现代浏览器中通常不会出现,但在IE6中,`<select>`下拉菜单会出现在任何其他浮动元素或绝对定位元素之上,即使这些元素在HTML结构中位于`<select>`前面。这导致了设计上的困扰,因为开发者可能希望某些...
6. **JavaScript/jQuery**:虽然纯CSS可以实现基本的弹出效果,但若需更复杂的功能,如点击关闭、自动关闭计时器、动态内容加载等,可能需要借助JavaScript或jQuery。例如,使用`document.getElementById().style....
知识点一:利用jQuery实现点击div外部隐藏div的方法 在网页设计中,我们经常需要实现一些交互式的效果,比如通过点击div外部隐藏div窗口。本文将介绍如何使用jQuery实现这一功能。具体的实现方法是在jQuery的ready...
本文将深入探讨如何使用div元素实现类似微博的弹窗效果,并结合ASP.NET的技术栈,来构建一个实用的弹窗功能。 首先,我们要理解`div`元素在网页布局中的角色。`div`(division)是HTML中的一个块级元素,常用于对...
首先,"可拖动div"是指在HTML页面中,通过JavaScript或者jQuery实现一个div元素,用户可以通过鼠标点击并拖动来改变div的位置。这种功能通常通过监听鼠标的`mousedown`、`mousemove`和`mouseup`事件来实现。当用户按...
当我们说“弹出div”,就是指让一个<div>元素在页面上以弹出窗口的形式出现。 实现js弹出div效果,通常包括以下几个步骤: 1. **创建<div>元素**:在HTML文档中定义一个<div>元素,并为其设置相应的ID以便在...
标题中的“左右切换div内容”指的是在网页设计中实现一种交互式效果,用户可以通过点击或滑动在两个或多个div(HTML文档中的分区元素)之间进行切换,通常用于展示不同的内容区块,如产品介绍、图片轮播或者文章列表...
在本例中,我们创建一个div元素作为提示层,可以通过CSS设置其样式,包括位置、大小、颜色等,使其在页面上合适的位置出现。 接下来,我们需要使用jQuery来处理点击事件。jQuery是一个强大的JavaScript库,简化了...
4. 弹出式菜单:鼠标点击后出现下拉菜单,而不是悬停。 5. 动画效果:添加过渡动画,使菜单展开和关闭更具视觉吸引力。 四、优化技巧 1. 响应式设计:确保下拉菜单在不同屏幕尺寸下都能良好展示,可能需要借助媒体...
"置灰窗口为不可点击状态"则是指当弹出层出现时,为了让用户专注于弹出的内容,会将背景(即页面的其余部分)变暗或者“灰色化”,同时禁止用户与背景元素的交互。这种效果通常通过CSS(层叠样式表)来实现,改变...