国产化系统/鸿蒙开发足浴店收银源码-收缩左侧——

国产化系统/鸿蒙开发足浴店收银源码-收缩左侧———未来之窗行业应用跨平台架构

news2024/10/2 9:24:20

一、左侧展开后

二、代码


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            background: #F2F2F2  repeat-y ;
            cursor: E-resize;
        }
    </style>
    <script type="text/javascript" language="JavaScript">
        <!--
		var 未来之窗_人工智能_当前_左侧展开="Y";
        var pic = new Image();
        pic.src="./frame/img/open.png";

        function toggleMenu(){
            frmBody = parent.document.getElementById('frame-body');
            imgArrow = document.getElementById('img');
            if (frmBody.cols == "0, 7, *"){
                frmBody.cols="160, 7, *";
                imgArrow.src = "./frame/img/close.png";
            } else {
                frmBody.cols="0, 7, *";
                imgArrow.src = "./frame/img/open.png";
            }
        }

        var orgX = 0;
        document.onmousedown = function(e){
            var evt = Utils.fixEvent(e);
            orgX = evt.clientX;
            if (Browser.isIE) document.getElementById('tbl').setCapture();
        }

        document.onmouseup = function(e){
            var evt = Utils.fixEvent(e);

            frmBody = parent.document.getElementById('frame-body');
			
			var 菜单 = parent.document.getElementById("menu-frame");
			//alert(菜单.style.width);
			if(未来之窗_人工智能_当前_左侧展开 == "Y"){
				未来之窗_人工智能_当前_左侧展开 = "N";
				菜单.style.width = 0;
			}else{
				未来之窗_人工智能_当前_左侧展开 = "Y";
				菜单.style.width = 100;
			}
            frmWidth = frmBody.cols.substr(0, frmBody.cols.indexOf(','));
            frmWidth = (parseInt(frmWidth) + (evt.clientX - orgX));

            frmBody.cols = frmWidth + ", 7, *";

            if (Browser.isIE) document.releaseCapture();
        }

        var Browser = new Object();

        Browser.isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument != 'undefined');
        Browser.isIE = window.ActiveXObject ? true : false;
        Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox") != - 1);
        Browser.isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != - 1);
        Browser.isOpera = (navigator.userAgent.toLowerCase().indexOf("opera") != - 1);

        var Utils = new Object();

        Utils.fixEvent = function(e){
            var evt = (typeof e == "undefined") ? window.event : e;
            return evt;
        }
        //-->
    </script>
</head>
<body onselect="return false;">
    <table height="100%" cellspacing="0" cellpadding="0" style="border-left:1px solid #DFDFDF; border-right:1px solid #E9E9E9;"  id="tbl">
    <tr><td><a href="javascript:toggleMenu();"><img src="./frame/img/close.png" width="6" height="60" id="img" border="0" /></a></td></tr>
    </table>
</body>
</html>