喜欢就点一下“推荐”，给我点写下去的动力，谢谢！
声明：
本文版权归作者碧血黄沙.NET所有，欢迎转载，但转载必须保留以下版权信息，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
作者：碧血黄沙.net
出处：博客园http://www.cnblogs.com/wjj/archive/2010/02/25/1673157.html
你可以免费使用或修改提供的源代码，但请保留源代码中的版权信息。
本人继仿QQMusic、仿360杀毒、仿QQRadio播放器之后，最近疯狂迷恋上了“金山网盾”的界面。老在思考如何用C#做出象“金山网盾”那样的界面。
想模仿它，那就先研究它。打开“金山网盾”的安装目录，发现有一个webui文件夹，哈哈，真爽，软件所有的界面资源全在这里了，我就以webui\kwebshield\main.htm文件为例子说明一下吧！
直接在浏览器打开main.htm，发现和软件主界面一模一样，嘿嘿，终于找到了。但点击上面的按钮均无反应，看看WEB页面的代码如下：
代码
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5 <title>金山网盾首页</title>
6 <link rel="stylesheet" type="text/css" href="../public/css/common.css">
7 <link rel="stylesheet" type="text/css" href="style/index/index.css">
8 <script type="text/javascript" src="../public/lib/jquery.js"></script>
9 <script type="text/javascript" src="js/index/js_loader.js"></script>
10 </head>
11 <body ondrag="return false;" kcore="OnKWebApp" onselectstart="return false;">
12 <div id="DivMain">
13 <div id="DivTitle">
14 <div id="DivSystemBtn">
15 <img src="images/index/icob1_normal.gif"/>
16 <img src="images/index/icob2_normal.gif"/>
17 <img src="images/index/icob3_normal.gif"/>
18 </div>
19 <div id="DivMenuFeedBack">
20 <a href="javascript:void(0);" hidefocus="true"><img src="images/index/fankui_normal.gif"/></a>
21 </div>
22 </div>
23 <div id="DivMenu">
24 <div id="DivSafeStatus"><img id="ImgSafeSta" src="images/index/anquan.jpg" /></div>
25 <div id="DivMenuMon"><img class="MenuBtn" id="ImgMenuMon" src="images/index/jiankong_on.jpg"/></div>
26 <div id="DivMenuSet"><img class="MenuBtn" id="ImgMenuSet" src="images/index/shezhi_normal.jpg"/></div>
27 <div id="DivMenuBkList"><img class="MenuBtn" id="ImgMenuBkList" src="images/index/mingdan_normal.jpg"/></div>
28 <div id="DivMenuLog"><img class="MenuBtn" id="ImgMenuLog" src="images/index/chakan_normal.jpg"/></div>
29 </div>
30 <div id="DivContent">
31 <div id="DivMon">
32 <div id="DivTextSta">金山网盾正在保护您的上网安全</div>
33 <div id="DivStaTab">
34 <table>
35 <tr>
36 <td width="290" height="55" id="sta_item_1" class="sta_item">启用浏览器保护
37 <p style="color:#000;font-size:12px;">防止浏览网页时中毒或者上当受骗</p></td>
38 <td width="50" class="sta_text" id="bStartKWS">已启用</td>
39 <td width="72"><span id="BtnOpenBrowserMon" class="BtnStart">关闭</span></td>
40 </tr>
41 <tr>
42 <td height="65" id="sta_item_2" class="sta_item">启用搜索引擎保护
43 <p style="color:#000;font-size:12px;">保护百度、Google、Bing、搜狗等搜索安全</p></td>
44 <td class="sta_text" id="bStartKWS4Search">已启用</td>
45 <td><span id="BtnOpenSearchMon" class="BtnStart">关闭</span></td>
46 </tr>
47 <tr>
48 <td height="50" id="sta_item_2" class="sta_item">主页保护
49 <p style="color:#000;font-size:12px;" id="CurIeIndex">防止IE主页被恶意窜改</p></td>
50 <td class="sta_text" id="bStartIEProt">已锁定</td>
51 <td><span id="BtnOpenProtIE" class="BtnStart">锁定</span></td>
52 </tr>
53 </table>
54 </div>
55 <div id="DivLanJie">
56 <table>
57 <tr>
58 <td>保护天数：</td>
59 <td><span id="SpanProtDay">0</span> 天</td>
60 <td></td>
61 </tr>
62 <tr>
63 <td>拦截木马病毒总数：</td>
64 <td width="50" align="center"><a href="javascript:void(0);" title="查看日志" id="SpanHoldCount" hidefocus="true" >0</a></td>
65 <td style="padding-top:3px;padding-left:10px;"><a href="javascript:void(0);" hidefocus="true" title="清空所有拦截记录" id="BtnResetHoldCount" >清零</a> </td>
66 </tr>
67 </table>
68 <table style="margin-top:50px;">
69 <tr>
70 <td colspan="2">病毒库版本：<span id="SpanLibVer">查询中...</span></td>
71 </tr>
72 <tr>
73 <td width="180">程序版本：<span id="SpanVersionVal">查询中...</span></td>
74 <td align="center"><span id="BtnUpdate"><a href="javascript:void(0);" hidefocus="true" id="notify_call_update">立即升级</a></span></td>
75 </tr>
76 </table>
77 </div>
78 <div id="Frame4Report">
79 <!--<iframe src="http://labs.duba.net/kws/kwsad/kwsad.html" frameborder="no" border="0" width="200" height="168" allowtransparency="true"></iframe>-->
80 <iframe src="" id="BOBAO" frameborder="no" border="0" width="209" height="168" allowtransparency="true"></iframe>
81 </div>
82 </div>
83 <div id="DivSet" style="display:none;">
84 <div class="DivSetMenu">
85 <div id="BaseSetMenu" class="BaseSetMenu">
86 <table>
87 <tr>
88 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
89 <td width="72" class="menu_on">基本设置</td>
90 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
91 </tr>
92 </table>
93 </div>
94 <div id="BaseSetMenu_1" class="BaseSetMenu" style="display:none;">基本设置</div>
95 <div id="CustomSetMenu" class="CustomSetMenu" style="display:none;">
96 <table>
97 <tr>
98 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
99 <td width="112" class="menu_on">自定义浏览器保护</td>
100 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
101 </tr>
102 </table>
103 </div>
104 <div id="CustomSetMenu_1" class="CustomSetMenu">自定义浏览器保护</div>
105 <div id="ProtIEMenu" class="ProtIEMenu" style="display:none;">
106 <table>
107 <tr>
108 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
109 <td width="112" class="menu_on">IE首页锁定</td>
110 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
111 </tr>
112 </table>
113 </div>
114 <div id="ProtIEMenu_1" class="ProtIEMenu">IE首页锁定</div>
115 </div>
116 <div id="DivBaseSetContent" >
117 <div id="DivStepFirst">
118 <table>
119 <tr>
120 <td width="285">
121 <input type='checkbox' id="ChkStartTray"/>
122 <label for="ChkStartTray">启动托盘图标</label>
123 </td>
124 <td>
125 <input type='checkbox' id="ChkStartTrayFlash" disabled="true"/>
126 <label for="ChkStartTrayFlash">启动托盘闪动提示</label>
127 </td>
128 </tr>
129 </table>
130 </div>
131 <div id="DivStepSecond">
132 <table>
133 <tr>
134 <td width="175">
135 <input type='checkbox' id="ChkStartBox"/>
136
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5 <title>金山网盾首页</title>
6 <link rel="stylesheet" type="text/css" href="../public/css/common.css">
7 <link rel="stylesheet" type="text/css" href="style/index/index.css">
8 <script type="text/javascript" src="../public/lib/jquery.js"></script>
9 <script type="text/javascript" src="js/index/js_loader.js"></script>
10 </head>
11 <body ondrag="return false;" kcore="OnKWebApp" onselectstart="return false;">
12 <div id="DivMain">
13 <div id="DivTitle">
14 <div id="DivSystemBtn">
15 <img src="images/index/icob1_normal.gif"/>
16 <img src="images/index/icob2_normal.gif"/>
17 <img src="images/index/icob3_normal.gif"/>
18 </div>
19 <div id="DivMenuFeedBack">
20 <a href="javascript:void(0);" hidefocus="true"><img src="images/index/fankui_normal.gif"/></a>
21 </div>
22 </div>
23 <div id="DivMenu">
24 <div id="DivSafeStatus"><img id="ImgSafeSta" src="images/index/anquan.jpg" /></div>
25 <div id="DivMenuMon"><img class="MenuBtn" id="ImgMenuMon" src="images/index/jiankong_on.jpg"/></div>
26 <div id="DivMenuSet"><img class="MenuBtn" id="ImgMenuSet" src="images/index/shezhi_normal.jpg"/></div>
27 <div id="DivMenuBkList"><img class="MenuBtn" id="ImgMenuBkList" src="images/index/mingdan_normal.jpg"/></div>
28 <div id="DivMenuLog"><img class="MenuBtn" id="ImgMenuLog" src="images/index/chakan_normal.jpg"/></div>
29 </div>
30 <div id="DivContent">
31 <div id="DivMon">
32 <div id="DivTextSta">金山网盾正在保护您的上网安全</div>
33 <div id="DivStaTab">
34 <table>
35 <tr>
36 <td width="290" height="55" id="sta_item_1" class="sta_item">启用浏览器保护
37 <p style="color:#000;font-size:12px;">防止浏览网页时中毒或者上当受骗</p></td>
38 <td width="50" class="sta_text" id="bStartKWS">已启用</td>
39 <td width="72"><span id="BtnOpenBrowserMon" class="BtnStart">关闭</span></td>
40 </tr>
41 <tr>
42 <td height="65" id="sta_item_2" class="sta_item">启用搜索引擎保护
43 <p style="color:#000;font-size:12px;">保护百度、Google、Bing、搜狗等搜索安全</p></td>
44 <td class="sta_text" id="bStartKWS4Search">已启用</td>
45 <td><span id="BtnOpenSearchMon" class="BtnStart">关闭</span></td>
46 </tr>
47 <tr>
48 <td height="50" id="sta_item_2" class="sta_item">主页保护
49 <p style="color:#000;font-size:12px;" id="CurIeIndex">防止IE主页被恶意窜改</p></td>
50 <td class="sta_text" id="bStartIEProt">已锁定</td>
51 <td><span id="BtnOpenProtIE" class="BtnStart">锁定</span></td>
52 </tr>
53 </table>
54 </div>
55 <div id="DivLanJie">
56 <table>
57 <tr>
58 <td>保护天数：</td>
59 <td><span id="SpanProtDay">0</span> 天</td>
60 <td></td>
61 </tr>
62 <tr>
63 <td>拦截木马病毒总数：</td>
64 <td width="50" align="center"><a href="javascript:void(0);" title="查看日志" id="SpanHoldCount" hidefocus="true" >0</a></td>
65 <td style="padding-top:3px;padding-left:10px;"><a href="javascript:void(0);" hidefocus="true" title="清空所有拦截记录" id="BtnResetHoldCount" >清零</a> </td>
66 </tr>
67 </table>
68 <table style="margin-top:50px;">
69 <tr>
70 <td colspan="2">病毒库版本：<span id="SpanLibVer">查询中...</span></td>
71 </tr>
72 <tr>
73 <td width="180">程序版本：<span id="SpanVersionVal">查询中...</span></td>
74 <td align="center"><span id="BtnUpdate"><a href="javascript:void(0);" hidefocus="true" id="notify_call_update">立即升级</a></span></td>
75 </tr>
76 </table>
77 </div>
78 <div id="Frame4Report">
79 <!--<iframe src="http://labs.duba.net/kws/kwsad/kwsad.html" frameborder="no" border="0" width="200" height="168" allowtransparency="true"></iframe>-->
80 <iframe src="" id="BOBAO" frameborder="no" border="0" width="209" height="168" allowtransparency="true"></iframe>
81 </div>
82 </div>
83 <div id="DivSet" style="display:none;">
84 <div class="DivSetMenu">
85 <div id="BaseSetMenu" class="BaseSetMenu">
86 <table>
87 <tr>
88 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
89 <td width="72" class="menu_on">基本设置</td>
90 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
91 </tr>
92 </table>
93 </div>
94 <div id="BaseSetMenu_1" class="BaseSetMenu" style="display:none;">基本设置</div>
95 <div id="CustomSetMenu" class="CustomSetMenu" style="display:none;">
96 <table>
97 <tr>
98 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
99 <td width="112" class="menu_on">自定义浏览器保护</td>
100 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
101 </tr>
102 </table>
103 </div>
104 <div id="CustomSetMenu_1" class="CustomSetMenu">自定义浏览器保护</div>
105 <div id="ProtIEMenu" class="ProtIEMenu" style="display:none;">
106 <table>
107 <tr>
108 <td width="5"><img src="images/index/table_button_left.jpg"/></td>
109 <td width="112" class="menu_on">IE首页锁定</td>
110 <td width="3"><img src="images/index/table_button_right.jpg"/></td>
111 </tr>
112 </table>
113 </div>
114 <div id="ProtIEMenu_1" class="ProtIEMenu">IE首页锁定</div>
115 </div>
116 <div id="DivBaseSetContent" >
117 <div id="DivStepFirst">
118 <table>
119 <tr>
120 <td width="285">
121 <input type='checkbox' id="ChkStartTray"/>
122 <label for="ChkStartTray">启动托盘图标</label>
123 </td>
124 <td>
125 <input type='checkbox' id="ChkStartTrayFlash" disabled="true"/>
126 <label for="ChkStartTrayFlash">启动托盘闪动提示</label>
127 </td>
128 </tr>
129 </table>
130 </div>
131 <div id="DivStepSecond">
132 <table>
133 <tr>
134 <td width="175">
135 <input type='checkbox' id="ChkStartBox"/>
136