`
sd8089730
  • 浏览: 258584 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
社区版块
存档分类
最新评论

Div层覆盖点击位置显示

 
阅读更多
		<script language="JavaScript">  
     
	  function   popUp()   {   
	  newX   =   window.event.x   +   document.getElementById("mmm").scrollLeft;   
	  newY   =   window.event.y   +   document.getElementById("mmm").scrollTop;
	var p = document.getElementById("xxcb");
	var _x = p.offsetLeft;
	var _y = p.offsetTop;
	//这里递归获取p父级有css定位的offset
	while(p.offsetParent){
	_x += p.offsetLeft;
	_y += p.offsetTop;
	p = p.offsetParent;
	}
	  menu   =   document.all.itemopen; 
	  if (   menu.style.display   ==   ""){
		  menu.style.display   =   "none"  
	  } else{   
		menu.style.display   =   ""
	 }
  document.getElementById("mmm").style.left   =   _x-30  ;  
  document.getElementById("mmm").style.top   =   _y+30 ;   
  }   
  </script>

 

<div id="mmm" style="z-index: 9999;position: absolute;">
			<table id="itemopen" class="box" style="display: none">

 

分享到:
评论

相关推荐

    地图点击弹出div层

    当用户点击地图上的特定点时,会触发一个JavaScript事件,这个事件可以用来显示一个div层,覆盖在地图之上,显示与该点相关的详细信息。 实现这一功能需要以下步骤: 1. 引入百度地图API:在HTML页面中插入百度...

    DIV遮罩层 div div

    通常,这个`&lt;div&gt;`元素被设置为绝对定位(`position: absolute`),并覆盖在整个页面之上,其宽度和高度根据页面的实际大小动态调整,以确保遮罩层可以完全覆盖页面的所有内容。遮罩层的背景色一般设为半透明,以...

    div背景半透明,覆盖整个可视区域的遮罩层效果

    html代码很简单 &lt;div class=mask&gt;&lt;/div&gt; 1 、半透明效果可以使用 css3 中的 opacity 属性,在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:...

    弹出DIV,显示阻挡层

    "弹出DIV,显示阻挡层"是利用JavaScript、DWR(Direct Web Remoting)以及CSS来实现的一种技术,它使得网页可以动态地显示一个浮动窗口,并在窗口弹出时覆盖页面其他部分,提高用户的注意力焦点。 首先,让我们了解...

    div覆盖 iframe

    在描述中提到的“前辈的成果,显示所需要的页面,第一个页面隐藏”,可能指的是使用`div`作为初始页面,然后通过某种用户交互(如点击按钮)来显示`iframe`内容,同时`div`作为背景或者遮罩层,使得`iframe`内容成为...

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

    这些方法都是为了在`&lt;select&gt;`元素之上创建一个覆盖层,从而避免下拉菜单穿透到其他元素。 1. bgiframe插件:这是jQuery的一个插件,它会在元素周围插入一个透明的IFrame,以模拟背景图片的行为。这个IFrame可以...

    点击缩略图,显示大图片(用层显示)JS+CSS

    在网页设计中,实现“点击缩略图,显示大图片(用层显示)”的功能是一项常见的交互需求。这种效果可以通过JavaScript和CSS结合来完成,提供用户友好的浏览体验。下面我们将详细探讨如何利用这两种技术来实现这个...

    DIV+JS弹出层并置灰窗口为不可点击状态

    3. 弹出层显示时,通过JavaScript创建一个新的Div元素,设置其背景为半透明黑色,并将其放置在页面的最顶层,使得背景变为灰色且不可点击。 4. 当弹出层关闭时,移除这个灰色覆盖层,恢复背景的正常状态。 在这个...

    js弹出div层模拟alert(可以在iframe中使用)

    // 在iframe中确保div层覆盖整个页面 if (window.top !== window.self) { var iframeBody = window.parent.document.getElementsByTagName('body')[0]; iframeBody.appendChild(alertDiv); } } ``` 在上述代码...

    Div 悬浮层 Demo

    为了让悬浮层有弹出动画,我们可以使用JavaScript或jQuery来监听页面事件,如滚动或点击,然后改变Div的类名,触发CSS的过渡效果。以下是一个简单的JavaScript示例: ```javascript document.addEventListener('...

    鼠标点击变色,弹出div,禁用页面

    在网页开发中,我们经常需要实现一些交互效果来提升用户体验,比如鼠标点击元素时变色、弹出div层以及禁用页面的其他交互。这里我们将深入探讨这些功能的实现方式。 1. 鼠标点击变色: 当用户点击某个元素时,我们...

    JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例

    在CSS部分,通过设置定位属性position为fixed,使得遮罩层和弹窗可以覆盖整个页面或特定区域,而z-index属性决定了遮罩层和弹窗的显示层次。其中,遮罩层的z-index设置为1,使其位于最底层;触发区域的z-index设置为...

    模式对话框(可刷新)+可移动div+遮罩层

    遮罩层(Mask Layer)是另一种UI设计技术,用于在屏幕上创建半透明或不透明的覆盖层,从而突出显示特定的区域,如模式对话框。遮罩层可以帮助用户聚焦于当前操作,避免因背景元素分散注意力。它们通常通过CSS设置...

    实现div 遮罩 frameset

    这样,用户可以在框架内的任意位置触发弹出层,而弹出层仍然能够正确显示并具有交互性。 在压缩包文件“框架弹出层的运用”中,可能包含了一些示例代码或教程,用于演示如何在`frameset`布局的网页上实现这样的功能...

    layer和div两种弹出层.zip

    - 实现原理:Layer通过在页面上动态创建一个或多个层(div元素)来实现弹出层效果,这些层可以覆盖或嵌入到现有页面内容中。 - 使用步骤:首先,需要在页面中引入Layer的JavaScript和CSS文件;然后,通过调用相应的...

    div 弹出层遮罩 兼容各大浏览器

    当用户点击某个按钮时,一个半透明的遮罩层会覆盖整个页面,突出显示弹出的窗口或信息,而其他部分则变得不可操作。这种技术在提示信息、表单验证、模态对话框或者图片预览等场景中非常常见。 首先,`div` 是HTML中...

    div层悬浮窗和锁屏

    2. 当需要锁屏时,显示这个覆盖层,并禁用页面上的所有交互,如点击事件和滚动行为。 3. 锁屏状态下的内容通常会放在另一个`div`中,置于覆盖层之上,以吸引用户的注意力。 4. 用户完成操作后,隐藏覆盖层,恢复页面...

    Javascript实现弹出DIV层并锁屏

    在网页设计中,经常需要实现一个功能,即在用户进行特定操作时,弹出一个DIV层来显示信息或者进行交互,同时锁定背景,防止用户在弹出层显示时与页面其他部分互动。这就是"Javascript实现弹出DIV层并锁屏"所涉及的...

    js div层遮罩提示窗口效果

    在网页设计和开发中,"js div层遮罩提示窗口效果"是一种常见的用户交互技术,它主要用于提供一种视觉上的反馈,使用户能够更好地理解和响应页面上的操作。这种效果通常是通过JavaScript,HTML和CSS来实现的,其中div...

    遮罩层(多个实现的例子)/js/div

    在创建遮罩层时,`div`通常会设置为全屏大小,并通过CSS设置背景颜色(通常是半透明黑色)和位置属性(如`position: fixed`)使其覆盖整个浏览器窗口。 接着,我们来看看JavaScript是如何与`div`结合实现动态遮罩层...

Global site tag (gtag.js) - Google Analytics