首頁 > web前端 > js教程 > html css js實作xp window介面及相關功能_javascript技巧

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

WBOY
發布: 2016-05-16 17:39:25
原創
1232 人瀏覽過

注意: 該程式在IE調試的,其他瀏覽器可能有BUG,見諒!

複製程式碼 程式碼如下:





Insert title here





<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>










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




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



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



;


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


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






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');">


身體>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板