javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>javascript iframe  switchSysBar 左欄打開關閉，兼容各瀏覽器操作</title>
 
        <!--
        iframe  左欄打開關閉，兼容各瀏覽器操作
        參考：http://anole-erp.googlecode.com/svn-history/r1914/trunk/Anole-server/WebContent/global/js/jquery/
                http://anole-erp.googlecode.com/svn/trunk/
                 
        <script type="text/javascript" src="js/anole.js"></script>
        <script type="text/javascript" src="js/loadImage.js"></script>
        <script type="text/javascript" src="js/jquery/lib/jquery.js"></script>
        <script type="text/javascript" src="js/jquery/jquery.bgiframe.min.js"></script>
        <script type="text/javascript" src="js/jquery/jquery-ui-1.8.1.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery/jquery.alerts.js"></script>-->
<style type="text/css">
        body {
            overflow-x:hidden;
            overflow-y:hidden;
            }
    </style>
 
    <script language="javascript" type="text/javascript">
    //塗聚文修改 20130716
        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 = "images/arrow01.png";
                var switchhtml = "<img border=\"0\" Title=\"關閉\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
                 
                switchPoint.innerHTML = switchhtml;
                document.getElementById("frmMenu").style.display = "";
            }
            else{
                var iswitch = "images/arrow02.png";
                var switchhtml = "<img border=\"0\" Title=\"打開\" alt=\"關閉\" style=\"cursor:hand;\" src=\"" + iswitch + "\"/>";
                 
                switchPoint.innerHTML = switchhtml;
                document.getElementById("frmMenu").style.display = "none";
            }
        }
    </script>
 
</head>
 
<body>
<div>
<table id="maintable" height="100%" width="100%" cellSpacing=0 cellPadding=0 align='left' border='0'>
            <tr>
                <td width="100%" height="80" colspan="3" valign="top">
                    javascript iframe  switchSysBar 左欄打開關閉，兼容各瀏覽器操作
                </td>
            </tr>
            <tr>
                <td id="frmMenu" style="background-color:#faecd1;width:200px;" height="590" valign="top" noWrap>
                    <iframe name="navigate" src="menu.html" width="100%" height="98%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>
                </td>
                <td id="switchbar" style="background-color:#faecd1;width:5px; border-right:#FF0000 dotted 1px;" valign="middle">
                    <a onclick="javascript:switchSysBar();" id="switchPoint">
                        <img id="switchPoint" style="cursor:hand;" src="images/arrow01.png" alt="關閉" title="關閉"/>
                    </a>
                </td>
                <td width="100%" valign="top">                 
                    <iframe name="body" src="2.html" width="100%" height="99%" frameborder="0" scrolling="yes" marginwidth="0"></iframe>
                </td>
            </tr>
        </table>
        </div>
</body>
 
</html>

 

posted @   ®Geovin Du Dream Park™  阅读(737)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示