javascript: iframe switchSysBar 左欄打開關閉,兼容各瀏覽器操作(edit)
  
        
        
        
        
        
        
        
        
        	
關閉左側欄 
 <script language="javascript" type="text/javascript">
		var screenW = 640, screenH = 480;
		if (parseInt(navigator.appVersion)>3) {
		 screenW = screen.width;
		 screenH = screen.height;
		}
		else if (navigator.appName == "Netscape" 
		    && parseInt(navigator.appVersion)==3
		    && navigator.javaEnabled()
		   ) 
		{
		 var jToolkit = java.awt.Toolkit.getDefaultToolkit();
		 var jScreenSize = jToolkit.getScreenSize();
		 screenW = jScreenSize.width;
		 screenH = jScreenSize.height;
		}
		
		function switchSysBar(){
			if(document.getElementById("frmMenu").style.display == "none"){
				var iswitch = "img/arrow01.png";
				var switchhtml = " ";				
				switchPoint.innerHTML = switchhtml;
                                document.getElementById("switchbar").width="5px";
				document.getElementById("frmMenu").style.display = "";
			}
			else{
				var iswitch = "img/arrow02.png";
				var switchhtml = "
";				
				switchPoint.innerHTML = switchhtml;
                                document.getElementById("switchbar").width="5px";
				document.getElementById("frmMenu").style.display = "";
			}
			else{
				var iswitch = "img/arrow02.png";
				var switchhtml = " ";
                 switchPoint.innerHTML = switchhtml;
				document.getElementById("switchbar").width="5px";				
				document.getElementById("frmMenu").style.display = "none";
				document.getElementById("frmMenu").width="180px";
			}
		}
	</script>
";
                 switchPoint.innerHTML = switchhtml;
				document.getElementById("switchbar").width="5px";				
				document.getElementById("frmMenu").style.display = "none";
				document.getElementById("frmMenu").width="180px";
			}
		}
	</script>	
	
       | 
 
 | ||||||||
|   | ||||||||
    
    
    
    Simple menu left 
    
     
    
    
    
    
    
    
    
    
    
    
    
        
            
                 How to
                
                    The menu is on the left.
                    $(document).ready(function () {
    $('#test').BootSideMenu({
        side: "left"
    });
});
                     By default it remembers its last status and push the body while it slide. To
                        disable these features use the options:
                    remember:false
                    pushBody:false
                    Watch this changes in the next example.
                
            
        
        
        
            
            
        
        
    
<script src="js/w3.js"></script>
<script src="js/jquery-2.2.4.min.js" crossorigin="anonymous"></script>
<script src="bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/BootSideMenu.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        w3.includeHTML(init);
    });
    //geovindu Geovin Du
    function init() {
        $('#geovindu').BootSideMenu({
            side: "left"
        });
    }
</script>
https://www.jqueryscript.net/demo/Sliding-Side-Menu-Panel-with-jQuery-Bootstrap-BootSideMenu/
https://github.com/twbs/icons
https://themes.getbootstrap.com/
https://github.com/twbs
https://getbootstrap.com/
/*
	IE
Edge*
Firefox
Chrome
Safari
Opera
Safari on iOS
Opera Mini*
Android Browser*
Opera Mobile*
Chrome for Android
Firefox for Android
UC Browser for Android
Samsung Internet
QQ Browser
Baidu Browser
KaiOS Browse
	
	*/
https://www.microsoft.com/zh-cn/software-download/windows10 Windows 10 2021 年 11 月更新



