コードをコピー コードは次のとおりです: JAVASCRIPT弹出层 <br>#popDiv { <br>position: absolute; <br>visibility: hidden; <br>overflow: hidden; <br>border: 2px solid #AEBBCA; <br>background-color: #EEF1F8; <br>cursor: move; <br>padding: 1px; <br>} <br><br>#popTitle { <br>background: #9DACBF; <br>height: 20px; <br>line-height: 20px; <br>padding: 1px; <br>} <br><br>#popForm { <br>padding: 2px; <br>} <br><br>.title_left { <br>font-weight: bold; <br>padding-left: 5px; <br>float: left; <br>} <br><br>.title_right { <br>float: right; <br>} <br><br>#popTitle .title_right a { <br>color: #000; <br>text-decoration: none; <br>} <br><br>#popTitle .title_right a:hover { <br>text-decoration: underline; <br>color: #FF0000; <br>} <br> <br>function showPopup() {//弹出层 <br>var objDiv = document.getElementById("popDiv"); <br>objDiv.style.top = "50px";//设置弹出层距离上边界的距离 <br>objDiv.style.left = "200px";//设置弹出层距离左边界的距离 <br>objDiv.style.width = "300px";//设置弹出层的宽度 <br>objDiv.style.height = "200px";//设置弹出层的高度 <br>//objDiv.style.display = "block"; <br>objDiv.style.visibility = "visible"; <br>} <br>function hidePopup() {//关闭层 <br>var objDiv = document.getElementById("popDiv"); <br>objDiv.style.visibility = "hidden"; <br>} <br> 修改操作 href="#" onclick="hidePopup();">关闭 ID : 名 称 : 电压等级 : 经 度 : 纬 度 : 🎜> <br>/*----------------------------- -マウスの左ボタンドラッグ- ------------------------*/ <br>/*--------この機能を実装する必要がない場合コードのこの部分を削除できます - -----------*/ <br>var objDiv = document.getElementById("popDiv"); <br>var isIE = document.all true ? false;//ブラウザの種類を決定します<br>document.onmousedown = function(evnt) {//マウスの左ボタンが押されたときにこの関数を実行します<br>var evnt = evnt ? <br>if (evnt. button == (document.all ? 1 : 0)) { <br>mouseD = true; //mouseD は、マウスの左ボタンの状態フラグです。<br>} <br>} <br><br>objDiv.onmousedown = function (evnt) { <br>objDrag = this; //objDrag はドラッグされたオブジェクトです <br>var evnt = evnt : <br>if (evnt .button == (document.all ? 1 : 0) ) { <br>mx = evnt.clientX; <br>my = evnt.clientY; <br>objDiv.style.left = objDiv.offsetLeft "px"; 🎜>objDiv.style.top = objDiv.offsetTop "px" "; <br>if (isIE) { <br>objDiv.setCapture(); <br>//objDiv.filters.alpha.opacity = 50;//マウスが押されたときに透明度が変化します <br>} else { <br>window.captureEvents(Event.MOUSEMOVE);//マウス ドラッグ イベントをキャプチャします<br>//objDiv.style.opacity = 0.5;//次のときに透明度が変化しますマウスが押されました<br>} <br>} <br>} <br>document.onmouseup = function() { <br>mouseD = false; // 左ボタンを放します <br>objDrag = ""; >if (isIE) { <br>objDiv.releaseCapture() ; <br>//objDiv.filters.alpha.opacity = 100;//マウスの左ボタンを離すと透明度が変化します <br>} else { <br>window.releaseEvents(objDiv.MOUSEMOVE);//マウスドラッグを放しますモーションイベント<br>//objDiv.style.opacity = 1;//マウスの左ボタンを離すと透明度が変化します<br>} <br> } <br><br>document.onmousemove = function(evnt) { <br>var evnt = evnt ? evnt : イベント; <br>if (mouseD == true && objDrag) { <br>var mrx = evnt.clientX - mx; <br>var mry = evnt.clientY - my; <br>objDiv.style.left = parseInt(objDiv.style.left) mrx "px"; <br>objDiv.style.top = parseInt style.top) mry <br>mx = evnt.clientX ; <br>} <br>} <br><br>; ;/body> <br></html> <br><br> <br>効果は次のとおりです: <br><br> </div>