html;gutter:true;
關閉左側欄</p>
<pre><code> 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 = "<img border=\"0\" Title=\"關閉左側欄\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
switchPoint.innerHTML = switchhtml;
document.getElementById("switchbar").width="5px";
document.getElementById("frmMenu").style.display = "";
}
else{
var iswitch = "img/arrow02.png";
var switchhtml = "<img border=\"0\" Title=\"打開左側欄\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
switchPoint.innerHTML = switchhtml;
document.getElementById("switchbar").width="5px";
document.getElementById("frmMenu").style.display = "none";
document.getElementById("frmMenu").width="180px";
}
}
主頁 今天日期：2022/2/17 Thursday 深圳寫字樓:塗聚文
</code></pre>
<pre><code>
;gutter:true;
Simple menu left
.user {
padding: 5px;
margin-bottom: 5px;
text-align: center;
}
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.
$(document).ready(function () {
w3.includeHTML(init);
});
//geovindu Geovin Du
function init() {
$(‘#geovindu’).BootSideMenu({
side: "left"
});
}
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 月更新
Original: https://www.cnblogs.com/geovindu/p/15904049.html
Author: ®Geovin Du Dream Park™
Title: javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作（edit)
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/535980/
转载文章受原作者版权保护。转载请注明原作者出处！