html css js實作xp window介面及相關功能_javascript技巧

注意： 該程式在IE調試的，其他瀏覽器可能有BUG，見諒！

複製程式碼 程式碼如下:

<script> <br>alert("XP Window以IE测试,其他浏览器可能有BUG请见谅! 基本功能+四边四角顶部拖拉都已实现!") <br>alert("进行操作前,记得先初始化窗口哦!"); <br><br>/* <br>* create xp window and initialize <br>*/ <br>var myW = new MyWindow(); <br>function initialize() { <br>myW.setBackgroundDiv("mywindow"); <br>myW.setLeftDiv("mywindow_left"); <br>myW.setRightDiv("mywindow_right"); <br>myW.setBottomDiv("mywindow_bottom"); <br>myW.setTopDiv("mywindow_top"); <br>myW.initialEvent(); <br>} <br><br>/* <br>* list button event function <br>*/ <br>function hiddenWindow() { <br>myW.hidden(); <br>} <br><br>function showWindow() { <br>myW.show(); <br>} <br><br>function setAdjust(adj) { <br>myW.setAdjust(adj); <br>} <br><br>function showMaxSize() { <br>myW.showMaxSize(); <br>} <br><br>function getTop() { <br>myW.getTop(); <br>} <br><br>function getLeft() { <br>myW.getLeft(); <br>} <br><br>function getWidth() { <br>myW.getWidth(); <br>} <br><br>function getHeight() { <br>myW.getHeight(); <br>} <br><br>function removeWindow() { <br>myW.removeWindow(); <br>} <br><br>function addObject() { <br>myW.addObject(); <br>} <br><br>function deleteObject() { <br>myW.deleteObject(); <br>} <br><br>/* <br>* drag operation event function <br>*/ <br>function start(idName) { <br>myW.start(idName); <br>} <br><br>function move(idName) { <br>myW.move(idName); <br>} <br><br>function end(idName) { <br>myW.end(idName); <br>} <br><br></script>

• 初始化窗口


• 隐藏窗口


• 显示窗口


• 设置窗口可调整大小


• 设置窗口不可调整大小


• 最大化窗口


• 在窗口中添加对象


• 删除对象


• 得到Top的值


• 得到Left的值


• 得到Width的值


• 得到Height的值


• 释放窗口资源

onmousemove="move('mywindow_botton_right_corner');"
onmouseup="end('mywindow_botton_right_corner');">

onmouseup="end('mywindow_right');">

onmouseup="end('mywindow_left')";>

;

onmouseup="end('mywindow_top');">

">
/>
/>
/>

onmouseup="end('mywindow_right_corner');">

onmouseup="end('mywindow_left_corner');">
="end('mywindow_left_corner');">

onmouseup="end('mywindow_rBottom_corner');divo>

onmouseup="end('mywindow_top_drag');">

onmouseup="end('mywindow_bottom_drag');">

身體>

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn