可移动div弹出层

最新推荐文章于 2021-06-04 03:35:18 发布

原创最新推荐文章于 2021-06-04 03:35:18 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

javascirpt 专栏收录该内容

14 篇文章

订阅专栏

			function showTitle(event, objTitle) {
				var oEvent=arguments[0] || window.event
				create_dv(oEvent);
				$("newDiv").innerHTML = objTitle;
			}
			
			function clearTitle(divId) {
				$("newDiv").style.display="none";;
			}
			function create_dv(oEvent){
				var divObj = document.getElementById

("newDiv");
				if(divObj == null) {
					dv=document.createElement("div");
					dv.setAttribute("id","newDiv");
					with(dv.style){ 		
						width="300px";//表格宽度
						height="16px";//表格高度
						zIndex=10000;
						position="absolute";
						backgroundColor="#fff";//

背景颜色
						border="1px #aabbff  

solid";
						fontFamily="Tahoma, 

Verdana";
						fontSize="12px";
						lineHeight="18px";
						padding="1px";
						
						filter="Alpha

(Opacity=80)";
					} 
					document.body.appendChild(dv);
				}
				postion_dv(dv, oEvent);
			}
		function postion_dv(dv, oEvent){
			
			MouseX=oEvent.clientX;
			MouseY=oEvent.clientY;
			popWidth=dv.clientWidth;
			popHeight=dv.clientHeight;
			if

(MouseX+12+popWidth>document.documentElement.clientWidth)
			 	popLeftAdjust=-popWidth-30; 
			 else 
			 	popLeftAdjust=0;
			if

(MouseY+12+popHeight>document.documentElement.clientHeight)
			 	popTopAdjust=-popHeight-20; 
			else
				popTopAdjust=0;
			

dv.style.left=MouseX+document.documentElement.scrollLeft+popLeftAdjust+"p

x";	
			

dv.style.top=MouseY+12+document.documentElement.scrollTop+popTopAdjust+"p

x";
			dv.innerHTML="loading...";
			dv.style.display="block";
		}