`

点击出现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》
分享到:
评论

相关推荐

    点击文字弹出一个DIV层窗口代码

    点击文字弹出一个DIV层窗口代码,下载就能用

    鼠标点击一个div,另一个div变色.html

    jquery/js实现鼠标点击一个div,另一个div变色demo

    css + div 滑动弹出div效果

    `toggleClass()`函数用于切换类名,使得每次点击都能反转div的状态,达到打开和关闭的效果。 如果想要自定义更复杂的弹出效果,可以利用jQuery的动画方法,如`.slideToggle()`,它能实现滑动展开或收起的效果: ``...

    DIV可移动 可实现任意拖动放大缩小

    4. **缩放功能**:实现div的缩放功能,可能需要监听`mousedown`和`mousemove`事件,并且需要计算鼠标点击的位置(作为缩放的中心点),以及每次鼠标移动时的缩放比例。这通常涉及到`scale` CSS变换,或者直接更改div...

    网页上div拖拽,弹出div背景变暗

    这个场景描述的是一个交互式的设计元素,当用户在网页上拖动某个div时,会有一个弹出的div出现,并且整个背景会变暗,这种效果通常用于创建对话框或者模态窗口,为用户提供一个突出的视觉焦点。 实现这个功能主要...

    js 实现div里面的内容滚动,并可以通过按钮控制

    3. **滚动逻辑**:当用户点击上/下按钮时,我们需要计算出滚动的距离(如每次滚动10像素),然后使用`scrollTop`属性改变div的滚动位置。例如,向上滚动: ```javascript var div = document.getElementById('...

    vue 点击其他区域关闭自定义div操作

    在Vue.js应用中,有时我们需要实现一种功能,即当用户点击页面上的某个自定义div后,该div显示,而当用户点击除这个div之外的任何其他区域时,该div消失。这种需求通常出现在下拉菜单、弹出框或提示信息等组件中。...

    jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)

    在本文中,我们将探讨如何使用jQuery实现特定的交互效果:点击某个div元素时打开一个层,而点击其他div元素时关闭该层。此外,本文将重点介绍如何处理事件冒泡,以防止出现不符合预期的交互行为。 ### jQuery实现...

    div弹出层 定位问题的 处理

    8. **点击穿透**:为了避免弹出层下方的元素仍然可点击,可以设置`pointer-events: none;`在不需要交互的元素上,然后在弹出层上设置`pointer-events: auto;`。 通过上述方法,我们可以有效地解决`div`弹出层的定位...

    用DIV仿iframe框架布局效果

    - 为了模拟iframe的动态加载效果,可以在用户点击导航链接时,通过JavaScript改变`content` div的内容,而不是重新加载整个页面。 3. **跨域通信**: - 虽然iframe可以处理跨域问题,但用DIV仿iframe布局时,需要...

    解决IE6 中select 穿透 div 等层的问题

    这个问题在现代浏览器中通常不会出现,但在IE6中,`&lt;select&gt;`下拉菜单会出现在任何其他浮动元素或绝对定位元素之上,即使这些元素在HTML结构中位于`&lt;select&gt;`前面。这导致了设计上的困扰,因为开发者可能希望某些...

    漂亮的div弹出窗口样式

    6. **JavaScript/jQuery**:虽然纯CSS可以实现基本的弹出效果,但若需更复杂的功能,如点击关闭、自动关闭计时器、动态内容加载等,可能需要借助JavaScript或jQuery。例如,使用`document.getElementById().style....

    JQuery实现点击div以外的位置隐藏该div窗口

    知识点一:利用jQuery实现点击div外部隐藏div的方法 在网页设计中,我们经常需要实现一些交互式的效果,比如通过点击div外部隐藏div窗口。本文将介绍如何使用jQuery实现这一功能。具体的实现方法是在jQuery的ready...

    弹窗小技巧-div

    本文将深入探讨如何使用div元素实现类似微博的弹窗效果,并结合ASP.NET的技术栈,来构建一个实用的弹窗功能。 首先,我们要理解`div`元素在网页布局中的角色。`div`(division)是HTML中的一个块级元素,常用于对...

    纯Javascript编写的div拖拽以及用鼠标绘制div之间连接线(包含箭头)

    纯Javascript编写的div拖拽以及用鼠标绘制div之间连接线,外部资源仅需要jquery。有以下功能: 1、创建节点 2、节点随鼠标任意拖动 3、切换拖动和画线模式 4、用鼠标绘制两个节点之间带有箭头的连线 5、连接线随节点...

    可拖动div弹窗

    首先,"可拖动div"是指在HTML页面中,通过JavaScript或者jQuery实现一个div元素,用户可以通过鼠标点击并拖动来改变div的位置。这种功能通常通过监听鼠标的`mousedown`、`mousemove`和`mouseup`事件来实现。当用户按...

    js弹出div效果

    当我们说“弹出div”,就是指让一个&lt;div&gt;元素在页面上以弹出窗口的形式出现。 实现js弹出div效果,通常包括以下几个步骤: 1. **创建&lt;div&gt;元素**:在HTML文档中定义一个&lt;div&gt;元素,并为其设置相应的ID以便在...

    左右切换div内容

    标题中的“左右切换div内容”指的是在网页设计中实现一种交互式效果,用户可以通过点击或滑动在两个或多个div(HTML文档中的分区元素)之间进行切换,通常用于展示不同的内容区块,如产品介绍、图片轮播或者文章列表...

    div点击事件弹出层并逐渐消失

    在本例中,我们创建一个div元素作为提示层,可以通过CSS设置其样式,包括位置、大小、颜色等,使其在页面上合适的位置出现。 接下来,我们需要使用jQuery来处理点击事件。jQuery是一个强大的JavaScript库,简化了...

    DIV+CSS下拉菜单

    4. 弹出式菜单:鼠标点击后出现下拉菜单,而不是悬停。 5. 动画效果:添加过渡动画,使菜单展开和关闭更具视觉吸引力。 四、优化技巧 1. 响应式设计:确保下拉菜单在不同屏幕尺寸下都能良好展示,可能需要借助媒体...

Global site tag (gtag.js) - Google Analytics