首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js模拟windows窗口成效,支持窗口放大,缩小,关闭,还原,或者在网页内任意地方拖拽

2013-01-06 
js模拟windows窗口效果,支持窗口放大,缩小,关闭,还原,或者在网页内任意地方拖拽!DOCTYPE html PUBLIC -/

js模拟windows窗口效果,支持窗口放大,缩小,关闭,还原,或者在网页内任意地方拖拽
<!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>js窗口拖拽(改变大小,最小化,最大化,还原,关闭)</title>
<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/lanrenzhijia.js"></script>
</head>
<body>
<div id="drag">
    <div href="javascript:;" title="最小化"></a>
            <a href="javascript:;" title="最大化"></a>
            <a href="javascript:;" title="还原"></a>
            <a href="javascript:;" title="关闭"></a>
        </div>
    </div>
    <div class="resizeL"></div>
    <div class="resizeT"></div>
    <div class="resizeR"></div>
    <div class="resizeB"></div>
    <div class="resizeLT"></div>
    <div class="resizeTR"></div>
    <div class="resizeBR"></div>
    <div class="resizeLB"></div>
    <div class="content">
        ① 窗口可以拖动;<br />
        ② 窗口可以通过八个方向改变大小;<br />
        ③ 窗口可以最小化、最大化、还原、关闭;<br />
        ④ 限制窗口最小宽度/高度。
    </div>   
</div>
</body>
</html>

热点排行