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



