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 = "none";
				document.getElementById("frmMenu").width="180px";
			}
		}
	</script>	



	
       
 
主頁    今天日期:2022/2/17 Thursday    深圳寫字樓:塗聚文
關閉左側欄



    
    
    
    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 月更新