Contoh dalam artikel ini menerangkan cara melaksanakan kotak gesaan pop timbul boleh seret menggunakan JS CSS. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Kotak gesaan pop timbul boleh seret dicipta oleh JS CSS <br> a{ color:#000; font-size:12px; a:hover{ color:#900; text-decoration:underline}<br> body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366:hidden}<br>); #massage_box{ position:absolute; left:expression((body.clientWidth-350)/2 atas:expression((body.clientHeight-200)/2); =#666666,offx=3,offy=3,positif=2); #mask{ position:absolute; atas:0; left: width(body.scrollWidth);height:expression(body.scrollHeight:#666; :1; keterlihatan:tersembunyi}<br> .urutan{border:#036 lebar sempadan:1 1 3 1; }<br> .header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif:12px; <br> var Obj=''<br> document.onmouseup=MUp<br> document.onmousemove=MMove<br> fungsi MDown(Objek){<br> Obj=Object.id<br> document.all(Obj).setCapture()<br> pX=event.x-document.all(Obj).style.pixelLeft;<br> pY=event.y-document.all(Obj).style.pixelTop;<br> }<br> <br>fungsi MMove(){<br> jika(Obj!=''){ document.all(Obj).style.left=event.x-pX;<p> document.all(Obj).style.top=event.y-pY;<br> }<br> }<br> <br>fungsi MUp(){<br> jika(Obj!=''){</p> document.all(Obj).releaseCapture();<p> Obj='';<br> }<br> }<br> </skrip><br> </kepala><badan><br> <div id="massage_box"><div class="massage"><br> <div class="header" onmousedown=MDown(massage_box)><br> <span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>< ;/div><br> </div></div><br> <div id="mask"></div><br> <span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor:hand"><a href="#"><font size= 18px>Klik petua ini</font></a></span><br> </body><br> </html><br><br> <br>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p> </div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
