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>
|
||||||||
![]() |
||||||||
Simple menu left <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>How toThe 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:falsepushBody:falseWatch this changes in the next example.
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 月更新