js 彈出層並可以拖拽

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js 彈出層並可以拖拽

js 彈出層並可以拖拽

編輯：關於JavaScript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>彈出層並可拖拽</title> 
<style> 
html,body{height:100%;overflow:hidden;} 
body,div,h2{margin:0;padding:0;} 
body{font:12px/1.5 Tahoma;} 
center{padding-top:10px;} 
button{cursor:pointer;} 
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);display:none;} 
#win{position:absolute;top:50%;left:50%;width:400px;height:200px;background:#fff;border:4px solid #f90;margin:-102px 0 0 -202px;display:none;} 
h2{font-size:12px;height:18px;text-align:right;background:#FC0;border-bottom:3px solid #f90;padding:5px;cursor:move;} 
h2 span{color:#f90;cursor:pointer;background:#fff;border:1px solid #f90;padding:0 2px;} 
</style> 
 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></head> 
<body> 
 
<h2>×</h2> 
<center><button>彈出層</button></center> 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

關於JavaScript

JavaScript中的方法調用詳細介紹: JavaScript中，如果function屬於一個對象，那麼通過對象來訪問該function的行為
完美實現仿QQ空間評論回復特效: 評論回復是個很常見的東西，但是各大網站實現的方式卻不盡相同。大體上有兩種方式1.像優酷這種最常見，在
js動態生成form 並用ajax方式提交的實現方法: Js代碼：var　tempForm　=　document.createElement(form);

DIV CSS 佈局教程網

相關文章