博客园_碧血黄沙.NET---关注Winform UI，用户体验，WPF，Silverlight等。www.airfey.net

用WPF开发仿QQ概念版之--------MessageWindow开发以及Demo下载

2011-09-06T03:20:00Z

转眼半年了，期间发生了很多事情，一直无暇整理该代码。不说废话了，抽时间整理了下，今天先把DEMO发出来。

一下是MessageBox窗体的代码：

MessageWindow.xaml

1 <Window
2     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6     mc:Ignorable="d"
7     x:Class="WpfQQDemo.MessageWindow"
8     x:Name="UserControl"
9
10     d:DesignWidth="340" d:DesignHeight="142"
11     WindowStyle="None"
12     Background="{x:Null}"  AllowsTransparency="True" MouseLeftButtonDown="Window_MouseLeftButtonDown" WindowStartupLocation="CenterScreen" Icon="/WpfQQDemo;component/Images/logo32.ico" Height="142" Width="340">
13
14     <Grid x:Name="LayoutRoot">
15         <Image Margin="0" Source="/WpfQQDemo;component/Images/messagebg.png" Stretch="Fill"/>
16         <Label x:Name="LabTitle" Content="" Height="25.368" Margin="6,4,82,0" VerticalAlignment="Top" Foreground="#FFFAF9F9" FontWeight="Bold"/>
17         <Label x:Name="LabTips" Content="" Margin="56,47,13,43"/>
18         <Button x:Name="vbutton1" Content="确定" Height="28" Margin="0,0,29,5" VerticalAlignment="Bottom" Click="vbutton1_Click" HorizontalAlignment="Right" Width="78" />
19         <Button x:Name="vbutton2" Content="取消" Height="28" Margin="69,0,0,5" VerticalAlignment="Bottom" Click="vbutton2_Click" HorizontalAlignment="Left" Width="78" />
20         <Button x:Name="vbutton3" Content="忽略" Height="28" Margin="151,0,111,5" VerticalAlignment="Bottom" Click="vbutton3_Click" />
21         <Label x:Name="vPicBox" Content="" HorizontalAlignment="Left" Margin="8,47,0,52" Width="44"/>
22         <Button x:Name="buttonclose" Content="X" Template="{StaticResource temp_b_top_close}"   HorizontalAlignment="Right" Margin="0,6.368,10.16,0" Width="22" RenderTransformOrigin="0.5,0.5" Click="buttonclose_Click" Height="22" VerticalAlignment="Top">
23             <Button.RenderTransform>
24                 <TransformGroup>
25                     <ScaleTransform/>
26                     <SkewTransform/>
27                     <RotateTransform/>
28                     <TranslateTransform/>
29                 </TransformGroup>
30             </Button.RenderTransform>
31         </Button>
32     </Grid>
33 </Window>

当然还有一个MessageBoxEx类，您自己在DEMO中反编译看看吧，我就不写出来了。

Demo下载地址：Demo

本文链接

用WPF开发仿QQ概念版之--------Loading预加载界面（闪屏窗体）

2011-02-24T07:26:00Z

这次要实现的效果如下图，在程序启动时首先显示：

此窗体(闪屏)相当简单，我只是用一副图作为窗体背景，在程序启动时调用，为了模拟加载，用线程延时演示了一下加载百分比。

窗体（SplashScreen.xaml）的XAML代码如下：

其中的label2我们用于显示加载百分比等信息。

在App.xaml.cs中调用：

protected override void OnStartup(StartupEventArgs e)
        {
            Splasher.Splash = new SplashScreen();
            Splasher.ShowSplash();
            for (int i = 0; i < 100; i++)
            {
                MessageListener.Instance.ReceiveMessage(string.Format("Loading {0}%,Please waiting", i+1));
                Thread.Sleep(20);//延时
            }

            base.OnStartup(e);

        }

本文链接

用WPF开发仿QQ概念版之--------登录界面

2011-02-10T08:47:00Z

自从安装了WIN7并试用了腾讯的概念版QQ后，心中总是对登录界面那漂浮的白云、来回摆动的绿叶感兴趣，惊叹于WPF的强大（特别是动画实现）。实在忍不住了，决定试着自己开发一个“类似”的东东。

声明一下下：本文章本着学习技术的目的，部分素材来自腾讯QQ概念版本（有些是导出的图片素材、有些则是本人截图后进行的图片处理），严禁任何人用于商业用途，否则后果自负。

先把我制作的效果秀一下：

XAML代码如下：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"
x:Class="WpfQQ.LoginWindow"
x:Name="Window"
Title="QQ"

Width="369" Height="292" WindowStyle="None"
Background="{x:Null}"  AllowsTransparency="True" MouseLeftButtonDown="Window_MouseLeftButtonDown" WindowStartupLocation="CenterScreen" Icon="/WpfQQ;component/Images/logo32.ico">
<Window.Resources>
  <Storyboard x:Key="StoryboardCloud" RepeatBehavior="Forever">
   <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="image2">
    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
    <EasingDoubleKeyFrame KeyTime="0:0:15" Value="153"/>
    <EasingDoubleKeyFrame KeyTime="0:0:20" Value="190"/>
   </DoubleAnimationUsingKeyFrames>
   <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="image2">
    <EasingDoubleKeyFrame KeyTime="0:0:15" Value="1"/>
    <EasingDoubleKeyFrame KeyTime="0:0:20" Value="0.05"/>
   </DoubleAnimationUsingKeyFrames>
   <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="txtUserName">
    <EasingDoubleKeyFrame KeyTime="0:0:15" Value="1"/>
   </DoubleAnimationUsingKeyFrames>
   <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="txtUserName">
    <EasingColorKeyFrame KeyTime="0" Value="#FFF3F5F5"/>
    <EasingColorKeyFrame KeyTime="0:0:15" Value="#FFF3F5F5"/>
   </ColorAnimationUsingKeyFrames>
  </Storyboard>

     
        <Style x:Key="buttonTemplate" TargetType="Button" >
            
            <Setter Property="Template">
                <Setter.Value>
                    
                    <ControlTemplate TargetType="Button">
                        
                        <Grid Background="Yellow">
                            
                            <Border x:Name="back" Opacity="0.8" CornerRadius="2">
                                <Border.BitmapEffect>
                                    <OuterGlowBitmapEffect Opacity="0.8" GlowSize="0" GlowColor="Red" />
                                </Border.BitmapEffect>
                                <Ellipse Width="49" Height="49">
                                    <Ellipse.Fill>
                                        Red
                                    </Ellipse.Fill>
                                </Ellipse>
                            
                            </Border>
                            <Ellipse x:Name="outerCircle" Width="50" Height="50">
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                        <GradientStop Offset="0" Color="DarkOliveGreen"/>
                                        <GradientStop Offset="1" Color="Azure"/>
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            <Ellipse Width="40" Height="40">
                                <Ellipse.Fill>
                                    <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                        <GradientStop Offset="0" Color="White"/>
                                        <GradientStop Offset="1" Color="Transparent"/>
                                    </LinearGradientBrush>
                                </Ellipse.Fill>
                            </Ellipse>
                            
                            <Border>
                                <TextBlock x:Name="content" HorizontalAlignment="Center" VerticalAlignment="Center" Text="{TemplateBinding  Content}">
                                </TextBlock>
                            </Border>
                        </Grid>
                        
                        <ControlTemplate.Triggers>
                            <Trigger Property="Button.IsMouseOver" Value="True">
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation To="10" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation To="#4FFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation To="#3FFF" BeginTime="0:0:0.2" Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                                <Trigger.ExitActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BitmapEffect).(OuterGlowBitmapEffect.GlowSize)" />
                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
                                            <ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="outerCircle" Storyboard.TargetProperty="(Ellipse.Fill).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.ExitActions>
                            </Trigger>
                            <Trigger Property="Button.IsPressed" Value="True">
                                <Setter Property="RenderTransform">
                                    <Setter.Value>
                                        <ScaleTransform ScaleX=".9" ScaleY=".9"/>
                                    </Setter.Value>
                                </Setter>
                                <Setter Property="RenderTransformOrigin" Value=".5,.5"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Storyboard x:Key="StoryboardLeaf" RepeatBehavior="Forever">
         <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="image1">
          <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
          <EasingDoubleKeyFrame KeyTime="0:0:2" Value="13"/>
          <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
         </DoubleAnimationUsingKeyFrames>
         <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="image">
          <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
          <EasingDoubleKeyFrame KeyTime="0:0:2" Value="13"/>
          <EasingDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
         </DoubleAnimationUsingKeyFrames>
        </Storyboard>

</Window.Resources>
<Window.Triggers>
  <EventTrigger RoutedEvent="FrameworkElement.Loaded">
   <BeginStoryboard Storyboard="{StaticResource StoryboardCloud}"/>
   <BeginStoryboard Storyboard="{StaticResource StoryboardLeaf}"/>
  </EventTrigger>
</Window.Triggers>
<Grid x:Name="LayoutRoot" Width="370" Height="370">
  <Grid.ColumnDefinitions>
   <ColumnDefinition Width="0.935*"/>
   <ColumnDefinition Width="0.065*"/>
  </Grid.ColumnDefinitions>
  <Image x:Name="image5" HorizontalAlignment="Left" Height="53" Source="sun2.png" Stretch="Fill" VerticalAlignment="Top" Width="105" RenderTransformOrigin="0.5,0.5" Margin="-3,-2,0,0">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Image x:Name="image3" Margin="-2,43,6,81" Source="loginbody.png" Stretch="Fill" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2" Width="366" Height="246">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Image x:Name="image2" Height="50" Margin="-14,7,170.11,0" Source="cloud.png" Stretch="Fill" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Image x:Name="image4" Height="82" Margin="16,17,0,0" Source="yezi2.png" Stretch="Fill" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Image x:Name="image1" HorizontalAlignment="Left" Height="35.368" Margin="75,51,0,0" Source="yezi3.png" Stretch="Fill" VerticalAlignment="Top" Width="37" RenderTransformOrigin="1.135,-1.103">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Button x:Name="button" Content="X" Template="{StaticResource temp_b_top_close}"   HorizontalAlignment="Right" Height="22" Margin="0,67.368,-3.89,0" VerticalAlignment="Top" Width="22" RenderTransformOrigin="0.5,0.5" Click="button_Click">
   <Button.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Button.RenderTransform>
  </Button>
  <TextBox x:Name="txtUserName" Margin="75,121,62.11,0" TextWrapping="Wrap" Text="" BorderThickness="0" Height="18" VerticalAlignment="Top" Background="#FFF3F5F5" />
  <Button Content="登  录" Margin="0,0,48.11,111.5" Height="30" Click="Button_Click" VerticalAlignment="Bottom" d:LayoutOverrides="Height" HorizontalAlignment="Right" Width="122"/>
  <Button x:Name="RegButton" Content="注册新帐号" Margin="61,0,0,111" HorizontalAlignment="Left" Width="74" Height="30" VerticalAlignment="Bottom" d:LayoutOverrides="Height" Click="RegButton_Click"/>
  <CheckBox Content="CheckBox" HorizontalAlignment="Right" Height="21" Margin="0,0,105.11,149.5" VerticalAlignment="Bottom" Width="21"/>
  <Image x:Name="image" Height="65" Margin="133,63,145.11,0" Source="yezi3.png" Stretch="Fill" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5">
   <Image.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Image.RenderTransform>
  </Image>
  <Button x:Name="button_mini" Content="X" Template="{StaticResource temp_b_mini_close}"   HorizontalAlignment="Right" Height="22" Margin="0,68.368,14.11,0" VerticalAlignment="Top" Width="22" RenderTransformOrigin="0.5,0.5" Click="button_mini_Click">
   <Button.RenderTransform>
    <TransformGroup>
     <ScaleTransform/>
     <SkewTransform/>
     <RotateTransform/>
     <TranslateTransform/>
    </TransformGroup>
   </Button.RenderTransform>
  </Button>
  <PasswordBox x:Name="txtPassWord" Margin="75,170.5,74.11,181.5" Width="196.84" BorderThickness="0" Background="#FFF3F5F5">
   <PasswordBox.BorderBrush>
    <LinearGradientBrush EndPoint="0,20" MappingMode="Absolute" StartPoint="0,0">
     <GradientStop Color="#FFABADB3" Offset="0.05"/>
     <GradientStop Color="#FFE2E3EA" Offset="0.07"/>
     <GradientStop Color="#FFF3F5F5" Offset="1"/>
    </LinearGradientBrush>
   </PasswordBox.BorderBrush>
  </PasswordBox>

</Grid>
</Window>

随后放出DEMO......感谢关注

放一个好友管理效果吧

本文链接

纪念一下我在2009年开发的一款网站客户端软件[winform]

2011-01-20T07:48:00Z

时间过的真快，虽然目前该网站暂时停止运行了，但还是为自己开发的这款客户端软件感到自豪，要知道，这是在我的UI架构下产生的第一个商业软件哦。

让思绪飞一会儿~~~~~~~~~~

登录界面：

主界面：

菜单显示：

关于窗口：

查看详细信息界面：

弹出提示界面

本文链接

参考XNA官方Platformer模版，修改Platformer为横版可以滚动的小游戏

2010-11-20T15:14:00Z

XNA官方Platformer项目类似于超级马里奥，游戏可玩性根据地图的难度和趣味性相应增减。最有意思的是自己设计地图，呵呵，设计地图时充分考虑关卡的难度性，比如在合适的位置放个陷阱，地图多拐几个弯弯，让玩家必须通过某些小绕绕才能过关。

官方版本只能在当前游戏窗口内进行地图的布局，未实现地图卷轴的横向滚动（随主角人物移动）。现上传我改进的可以横版移动的版本，有兴趣的朋友请试玩。

游戏在此处下载：点我下载

使用说明：

1、先安装xnafx31_redist.msi 可去这里下载http://www.microsoft.com/downloads/details.aspx?FamilyID=53867A2A-E249-4560-8011-98EB3E799EF2&displaylang=en

2、如果没有安装.net framework 2.0,请先安装
3、运行Super.exe即可

如果对现有地图不满意，可手动修改Levels下的文件，每个文件是一关。地图编辑器随后放出。

本文链接

Xna小游戏开发【飞机空间大战】

2010-07-21T00:37:00Z

虽然对XNA的开发还不是太熟悉，经过努力，参考网上少得可怜的资料，开发了一个飞机打陨石的小游戏：

截图如下:

游戏在此处下载：点我下载

使用说明：

1、先安装xnafx31_redist.msi 可去这里下载http://www.microsoft.com/downloads/details.aspx?FamilyID=53867A2A-E249-4560-8011-98EB3E799EF2&displaylang=en

2、如果没有安装.net framework 2.0,请先安装
3、运行Plane.exe即可

游戏操作说明：
上下左右键控制方向
空格键发射子弹
任务死亡后按R键复活（还有生命的前提下）

子弹击中石头时的爆炸效果：

本文链接

Airfey Radio网络电台播放器V2.0绿色单文件版本发布(大小仅296KB)

2010-05-18T06:47:00Z

继上次发布的Airfey Radio网络电台播放器V2.0后，一直感觉安装版本对用户来说太麻烦了，就想着做一个单文件绿色版本的方便广大电台爱好者使用.

上次是使用Vs2008 开发的Winform程序，个人感觉Vs2008开发Winform程序是个鸡肋，做单文件版本是很容易的，但运行需要基于.net framework，这就在一定程度上限制了软件的传播。为了追求单文件绿色版的目标，本人恶学了两天Delphi,运用重绘界面技术重做了这款播放器。虽然语言不同，好在思想是一致的。

目前版本仅仅296KB，极大程度实现了体积小，携带方便（单文件扔在U盘就可以了）。

不废话了，放出下载地址：Airfey Radio网络电台播放器V2.0单文件绿色版下载

本文链接

一种开发软件的新思路，给Web页面穿个马甲，用web页面做软件UI，用C#（或者C++等其它语言）代码做功能

2010-02-25T01:21:00Z

喜欢就点一下“推荐”，给我点写下去的动力，谢谢！

声明：

本文版权归作者碧血黄沙.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                         
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                                         <label for="ChkStartBox">开启闪框提醒</label>
137                                     </td>
138                                     <td width="175">
139                                         <input type='checkbox' id="ChkRedBox" disabled="true"/>
140                                         <label for="ChkRedBox">仅危险时闪框</label>
141                                     </td>
142                                 </tr>
143                             </table>
144                             <table style="margin-top:10px;">
145                                 <tr>
146                                     <td width="85">闪烁时间：</td>
147                                     <td width="88">
148                                         <input type='radio' id="RadTimeShort" name="BoxTimeType" value="1">
149                                         <label for="RadTimeShort">较短</label>
150                                     </td>
151                                     <td width="107">
152                                         <input type='radio' id="RadTimeNormal" name="BoxTimeType" value="3">
153                                         <label for="RadTimeNormal">正常</label>
154                                     </td>
155                                     <td>
156                                         <input type='radio' id="RadTimeLong" name="BoxTimeType" value="5">
157                                         <label for="RadTimeLong">较长</label>
158                                     </td>
159                                 </tr>
160                             </table>
161                             <table style="margin-top:10px;">
162                                 <tr>
163                                     <td width="85">颜色设置：</td>
164                                     <td>安全提醒：</td>
165                                     <td width="65"><div id="SafeColor"  class="ColorSelect" selfparam="0"></div></td>
166                                     <td>钓鱼警告：</td>
167                                     <td width="65"><div id="FraudColor" class="ColorSelect" selfparam="1"></div></td>
168                                     <td>挂马警告：</td>
169                                     <td width="65"><div id="TrojanColor" class="ColorSelect" selfparam="2"></div></td>
170                                 </tr>
171                             </table>
172                         </div>
173                         <div id="DivStep4">
174                             <table>
175                                 <tr>
176                                     <td width="185" height="85" valign="center"><input type="checkbox" id="StartProtMouse" />
177                                     <label for="StartProtMouse">开启鼠镖保护</label>
178                                     <p style="color:#000;">（为鼠标所指链接给出安全提示）</p>
179                                     </td>
180                                 </tr>
181                             </table>
182                         </div>
183                         <div id="DivStepThree" style="display:none;">
184                             <table style="margin-top:5px;">
185                                 <tr>
186                                     <td width="175"><input type="checkbox" id="StartProtDownLoad" />
187                                     <label for="StartProtDownLoad">启动下载保护</label></td>
188                                 </tr>
189                             </table>
190                             <table style="margin-top:20px;margin-left:10px;">
191                                 <tr>
192                                     <td width="120"><input type="checkbox" id="ProtBrowser" />
193                                     <label for="ProtBrowser">浏览器</label></td>
194                                     <td width="120"><input type="checkbox" id="ProtXunLei" />
195                                     <label for="ProtXunLei">迅雷</label></td>
196                                     <td width="120"><input type="checkbox" id="ProtXuanFeng" />
197                                     <label for="ProtXuanFeng">QQ旋风</label></td>
198                                     <td width="120"><input type="checkbox" id="ProtFlashGet" />
199                                     <label for="ProtFlashGet">FlashGet</label></td>
200                                 </tr>
201                             </table>
202                         </div>
203                         <div id="DivTipReboot">设置需浏览器重启才生效    </div>
204                         <div id="DivSetDef" class="BtnComBig">恢复默认设置</div>
205                         <div id="DivSetApply" class="BtnComMid">应   用</div>
206                     </div>
207                     <div id="DivCustomSetContent" style="display:none;">
208                         <div id="CustomSetTip">金山网盾支持所有浏览器，但不能避免一些程序腾空而出，您可以在列表中添加需要保护的程序</div>
209                         
210                         <div id="DivCustomTabHead">
211                             <table class="TabListHead">
212                                 <tr height="24">
213                                     <td width="450" style="padding-left:30px;">程序名</td>
214                                     <td width="3"><img src="images/index/rz_table_line.gif"/></td>
215                                     <td width="67" style="padding-left:30px;">删除</td>
216                                 </tr>
217                             </table>
218                         </div>
219                         
220                         <div id="DivScroCustomTab">
221                             <table id="TabCustomList" class="TabCom">
222                             </table>
223                             <table style="display:none;">
224                                 <tr height="20" id="TrForCreateProtEXE">
225                                     <td width="450" style="padding-left:10px;"></td>
226                                     <td width="70"><a href="javascript:void(0);" class="DelProtExe">删除</a></td>
227                                 </tr>
228                             </table>
229                         </div>
230                         <div id="DivLinkCustom"><a href="javascript:void(0);" hidefocus="true" title="只保护exe类型的可执行文件" id="BtnAddCustom">添加</a></div>
231                     </div>
232                     
233                     <div id="DivProtIESetContent" style="display:none;">
234                         <div id="DivClock" class="DivClock">
235                             <table style="margin-top:10px;">
236                                 <tr>
237                                     <td width="386">输入要锁定的网址：<input type="text" class="IeUrl" value="" id="IEIndexText" /></td>
238                                     <td><div id="BtnLockIE" class="BtnComMid">锁  定</div></td>
239                                 </tr>
240                             </table>
241                             <table style="margin-top:10px;">
242                                 <tr>
243                                     <td width="125" align="right"><span id="URLBlank" class="LinkBtn">使用空白页</span></td>
244                                     <td width="125" align="right"><span id="URLBaidu" class="LinkBtn">把<span id="svt_name_2" style="cursor:pointer;">baidu</span>设为首页</span></td>
245                                     <td width="125" align="right"><span id="URLSVT" class="LinkBtn">把<span id="svt_name" style="cursor:pointer;">hao123</span>设为首页</span></td>
246                                 </tr>
247                             </table>
248                         </div>
249                         
250                         <div id="DivSVTClock" class="DivClock" style="display:none;">
251                             <table style="margin-top:10px;">
252                                 <tr>
253                                     <td width="460">您当前使用的是<span id="SVTNAME"></span>专版金山网盾，IE首页锁定能有效防止IE首页被恶意篡改</td>
254                                 </tr>
255                                 <tr>
256                                     <td width="460" height="35"><span id="TipSVT">已经将您的IE浏览器首页保护为: </span><a href="" target="_blank" hidefocus="true" id="SVTURL"></a></td>
257                                 </tr>
258                                 <tr>
259                                     <td align="right"><a href="javascript:void(0);" id="ChangeIndex" hidefocus="true">我要锁定其他首页</a></td>
260                                 </tr>
261                             </table>
262                         </div>
263                         <div id="DivClockErr">
264                             <table style="margin-top:10px;">
265                                 <tr>
266                                     <td height="25" style="color:#ff8040;font-weight:700;">如果锁定IE首页失败可以尝试以下解决方案：</td>
267                                 </tr>
268                                 <tr>
269                                     <td height="25">1.添加“强制屏蔽列表”。（遇到顽固恶意首页，请将它添加到列表中，直接屏蔽。）</td>
270                                 </tr>
271                                 <tr>
272                                     <td><table><tr><td>输入要屏蔽网址：<input type="text" id="InputPingBi" value="" /></td><td style="padding-left:20px;"><div id="BtnAddShield" class="BtnComMid">添  加</div></td></tr></table></td>
273                                 </tr>
274                                 <tr>
275                                     <td style="padding-top:10px;padding-bottom:5px;">
276                                         <div class="DivTabIE">
277                                             <table width="100%" id="TabIeIndex" style="table-layout:fixed;"></table>
278                                             
279                                             <table style="display:none;">
280                                                 <tr id="tr_ie_pb">
281                                                     <td width="410"><nobr></nobr></td>
282                                                     <td width="100%"><a href="javascript:void(0);" class="DelTabIe" hidefocus="true">删除</a></td>
283                                                 </tr>
284                                             </table>
285                                         </div>
286                                     </td>
287                                 </tr>
288                                 <tr>
289                                     <td height="25"><a href="javascript:void(0);" id="UseKSfa" hidefocus="true">2.使用金山急救箱修复IE首页</a></td>
290                                 </tr>
291                                 <tr>
292                                     <td height="25"><a href="javascript:void(0);" hidefocus="true" id="ToFeedBack">3.向网盾研发人员反馈，请注意留下您的联系方式</a></td>
293                                 </tr>
294                             </table>
295                         </div>
296                     </div>
297                 </div>
298                 <div id="DivBkList" style="display:none;" >
299                     <div class="DivSetMenu">
300                         <div id="BkListMenu" class="CLSBkListMenu">
301                             <table>
302                                 <tr>
303                                     <td width="5"><img src="images/index/table_button_left.jpg"/></td>
304                                     <td width="72" class="menu_on">网站黑名单</td>
305                                     <td width="3"><img src="images/index/table_button_right.jpg"/></td>
306                                 </tr>
307                             </table>
308                         </div>
309                         <div id="BkListMenu_1" class="CLSBkListMenu" style="display:none;">网站黑名单</div>
310                         <div id="FilterMenu" class="CLSFilterMenu" style="display:none;">
311                             <table>
312                                 <tr>
313                                     <td width="5"><img src="images/index/table_button_left.jpg"/></td>
314                                     <td width="100" class="menu_on">网页内容净化</td>
315                                     <td width="3"><img src="images/index/table_button_right.jpg"/></td>
316                                 </tr>
317                             </table>
318                         </div>
319                         <div id="FilterMenu_1" class="CLSFilterMenu">网页内容净化</div>
320                     </div>
321                     <div id="DivAddBkList">
322                         <table>
323                             <tr>
324                                 <td colspan="5" height="35" class="BkTit">将你认为存在威胁网址添加到黑名单，金山网盾将阻止对该网站的访问 </td>
325                             </tr>
326                             <tr>
327                                 <td height="35"><input type="text" mamaxlength="128" id="TextAddURL" value=""/></td>
328                                 <td width="88"><input type="radio" value="1" name="WebType" checked id="ChkTypeM"/><label for="ChkTypeM">带毒网站</label></td>
329                                 <td width="88"><input type="radio" value="3" name="WebType" id="ChkTypeD"/><label for="ChkTypeD">欺诈网站</label></td>
330                                 <td width="88"><input type="radio" value="4" name="WebType" id="ChkTypeV"/><label for="ChkTypeV">恶意广告</label></td>
331                                 <td><div id="BtnAddBkList" class="BtnComBig">添加到黑名单</div></td>
332                             </tr>
333                         </table>
334                     </div>
335                     
336                     <div id="DivListTabHead">
337                         <table class="TabListHead">
338                             <tr height="24">
339                                 <td width="350" style="padding-left:30px;">网址</td>
340                                 <td width="3"><img src="images/index/rz_table_line.gif"/></td>
341                                 <td width="100" style="padding-left:30px;">性质</td>
342                                 <td width="3"><img src="images/index/rz_table_line.gif"/></td>
343                                 <td width="85" style="padding-left:30px;">删除</td>
344                             </tr>
345                         </table>
346                     </div>
347                     
348                     <div id="DivListTab">
349                         <table id="TabBkList" class="TabCom">
350                         </table>
351                         <table style="display:none;">
352                             <tr height="18" id="TrForCreateBkList">
353                                 <td width="353" style="padding-left:10px;"></td>
354                                 <td width="103"></td>
355                                 <td width="68"><a href="javascript:void(0);" class="DelBkList">删除</a></td>
356                             </tr>
357                         </table>
358                     </div>
359                     <div id="DivListLink">
360                         <table>
361                             <tr>
362                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="notify_import_black_url">导入</a></td>
363                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="notify_export_black_url">导出</a></td>
364                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="notify_clean_black_url">清空</a></td>
365                                 <td width="130" align="center">当前第<span id="cur_page">1</span>/<span id="total_page">1</span>页</td>
366                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="first_page">首页</a></td>
367                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="prev_page">上页</a></td>
368                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="next_page">下页</a></td>
369                                 <td width="40"><a href="javascript:void(0);" hidefocus="true" id="last_page">末页</a></td>
370                                 <td width="75"  style="padding-top:0px;">转到 <input type="text" id="go_page" value="" style="width:30px;" size="1" maxlength="6"/></td>
371                                 <td width="30"  style="padding-top:0px;"><img id="Btn_go" style="cursor:pointer;" src="images/index/go_normal.gif" alt="转到" /></td>
372                             </tr>
373                         </table>
374                     </div>
375                     
376                     <div id="DivFilterSetContent" style="display:none;">
377                         <div id="FilterSetTip">
378                             <table>
379                                 <tr><td height="30"><input type="checkbox" id="StartFilter" />  <label for="StartFilter" style="color:#326D00;font-weight:700;outline:none;">启用网页内容净化</label></td><td></td></tr>
380                                 <tr><td style="padding-left:30px;height:30px;"><input type="text" id="InputFilter" value="" maxlength="256"></td><td style="padding-left:30px;"><div id="DivAddFilter" class="BtnComMid">添  加</div></tr>
381                             </table>
382                         </div>
383                         
384                         <div id="DivFilterTabHead">
385                             <table class="TabListHead">
386                                 <tr height="24">
387                                     <td width="37" style="padding-left:10px;">启用</td>
388                                     <td width="3"><img src="images/index/rz_table_line.gif"/></td>
389                                     <td width="410" style="padding-left:30px;">规则</td>
390                                     <td width="3"><img src="images/index/rz_table_line.gif"/></td>
391                                     <td width="67" style="padding-left:30px;">删除</td>
392                                 </tr>
393                             </table>
394                         </div>
395                         
396                         <div id="DivScroFilterTab">
397                             <table id="TabFilterList" class="TabCom">
398                             </table>
399                             <table style="display:none;">
400                                 <tr height="20" id="TrForCreateFilter">
401                                     <td width="43" align="center">
402                                         <input type="checkbox" class="StartItemFilter" checked="true"/>
403                                     </td>
404                                     <td width="390" style="padding-left:10px;"><nobr></nobr></td>
405                                     <td width="70" align="center"><a href="javascript:void(0);" class="DelFilter">删除</a></td>
406                                 </tr>
407                             </table>
408                         </div>
409                         <div id="DivLinkCustom">
410                             <a href="javascript:void(0);" hidefocus="true" id="notify_import_filter_rule">导入</a>
411                                 
412                             <a href="javascript:void(0);" hidefocus="true" id="notify_export_filter_rule">导出</a>
413                         </div>
414                     </div>
415                 </div>
416
417                 <div id="DivLog" style="display:none;">
418                     <div id="LogTabTit">
419                         <table>
420                             <tr>
421                                 <td width="127" style="padding-left:30px;">时间</td>
422                                 <td width="3"><img src="images/index/rz_table_line.gif"/></td>
423                                 <td width="399" style="padding-left:30px;">日志内容</td>
424                             </tr>
425                         </table>
426                     </div>
427                     <div id="LogTabContent">
428                         <table id="TabLog" style="table-layout:fixed;"></table>
429                         <table style="width:519px;table-layout:fixed;display:none;">
430                             <tr height="20" id="TrForCreateLog" >
431                                 <td width="145"></td>
432                                 <td width="100%"></td>
433                             </tr>
434                         </table>
435                     </div>
436                     <div id="LogBtn">
437                         <table>
438                             <tr>
439                                 <td width="70"><a href="javascript:void(0);" hidefocus="true" id="RefreshLog">刷新日志</a></td>
440                                 <td width="70"><a href="javascript:void(0);" hidefocus="true" id="CleanLog">清空日志</a></td>
441                                 <td><a href="javascript:void(0);" id="notify_view_log">查看全部日志</a></td>
442                             </tr>
443                         </table>
444                     </div>
445                 </div>
446             </div>
447             <div id="DivBottom">
448                 <table>
449                     <tr><td width="470" align="right"><a target="_blank" hidefocus="true" href="http://blog.duba.net/wd">拦截测试</a></td>
450                         <td width="100" align="right"><a target="_blank" hidefocus="true" href="http://labs.duba.net/dairy_wd.shtml">更新日志</a></td>
451                         <td width="120" align="center"><a target="_blank" hidefocus="true" href="http://bbs.duba.net/forum-6394-1.html">网盾论坛</a></td>
452                     </tr>
453                 </table>
454                 
455                     
456                         <input type="hidden" id="query_init_param"             title="查询默认先显示哪个页面"/>
457                         <input type="hidden" id="notify_sysmenu_close"           title="关闭界面"/>
458                         <input type="hidden" id="notify_sysmenu_minimize"     title="最小化界面"/>
459                         <input type="hidden" id="query_version_time"        title="查询版本信息"/>
460                         
461                         <input type="hidden" id="query_log_count"              title="查询日志数量，拦截网页木马病毒总数"/>
462                         <input type="hidden" id="notify_clean_log"             title="清空日志，清零"/>
463                         <input type="hidden" id="notify_setting_enable_kws" title="通知网盾开启与关闭，保护浏览器开启与关闭"/>
464                         <input type="hidden" id="query_setting_enable_kws"  title="查询网盾是否开启"/>
465                         <input type="hidden" id="notify_setting_enable_sep" title="搜索引擎保护开启与关闭"/>
466                         <input type="hidden" id="query_setting_enable_sep"  title="查询搜索引擎保护是否开启"/>
467                         <input type="hidden" id="query_prot_days"             title="查询保护了多少天"/>
468                         <input type="hidden" id="notify_call_ksfa"            title="调用急救箱"/>
469                         <input type="hidden" id="newsinfo"                     title="刷XXX"/>
470                         <input type="hidden" id="open_dlg"                     title="打开关于对话框"/>
471                     
472                     
473                         
474                         <input type="hidden" id="query_log"                 title="查询日志详细信息"/>
475                     
476                     
477                         <input type="hidden" id="query_black_url"             title="查询黑名单"/>
478                         <input type="hidden" id="notify_del_balck_url"      title="删除黑名单"/>
479                         <input type="hidden" id="notify_add_black_url"      title="添加黑名单"/>
480                         <input type="hidden" id="notify_export_black_url"      title="导出黑名单"/>
481                         <input type="hidden" id="notify_import_black_url"      title="导入黑名单"/>
482                     
483                     
484                         <input type="hidden" id="query_bat_setting_basic"     title="查询基础设置"/>
485                         <input type="hidden" id="notify_bat_setting_basic"     title="更改基础设置"/>
486                         <input type="hidden" id="query_setting_color_dlg"    title="打开颜色选择对话框"/>
487                         <input type="hidden" id="notify_def_basic_setting"    title="基础设置恢复默认设置"/>
488                         <input type="hidden" id="query_fileopen_dialog"        title="打开文件选择器"/>
489                         <input type="hidden" id="notify_setting_add_exe"    title="添加保护EXE"/>
490                         <input type="hidden" id="notify_setting_del_exe"    title="删除保护EXE"/>
491                         <input type="hidden" id="query_protected_exe"        title="查询保护EXE"/>
492                     
493                     
494                         <input type="hidden" id="notify_set_feedback_time"  title="设置意见反馈时间"/>
495                     
496                     
497                         <input type="hidden" id="query_startpage"             title="查询保护的首页url"/>
498                         <input type="hidden" id="notify_set_startpage"         title="锁定IE首页"/>
499                         <input type="hidden" id="notify_add_ssp"             title="增加屏蔽首页"/>
500                         <input type="hidden" id="notify_del_ssp"             title="删除屏蔽首页"/>
501                         <input type="hidden" id="query_ssp"                 title="查询屏蔽首页列表"/>
502                         <input type="hidden" id="query_locksp"                 title="查询是否开启IE首页保护"/>
503                         <input type="hidden" id="notify_set_locksp"            title="通知是否开启IE首页保护"/>
504                         <input type="hidden" id="change_svt"                title="专版转换普通"/>
505                     
506                     
507                         <input type="hidden" id="query_set_filter"             title="查询是否开启净化"/>
508                         <input type="hidden" id="notify_set_filter"         title="设置是否开启净化"/>
509                         <input type="hidden" id="notify_add_filter_rule"     title="增加规则"/>
510                         <input type="hidden" id="notify_del_filter_rule"     title="删除规则"/>
511                         <input type="hidden" id="query_filter_rule"         title="查询规则列表"/>
512                         <input type="hidden" id="notify_export_filter_rule" title="导出"/>
513                         <input type="hidden" id="notify_import_filter_rule" title="导入"/>
514                     
515
516                 
517             </div>
518         </div>
519     </body>
520 </html>

我们首先关注一下

1 <div id="DivTitle">
2                 <div id="DivSystemBtn">
3                     <img src="images/index/icob1_normal.gif"/>
4                     <img src="images/index/icob2_normal.gif"/>
5                     <img src="images/index/icob3_normal.gif"/>
6                 </div>
7                 <div id="DivMenuFeedBack">
8                     <a href="javascript:void(0);" hidefocus="true"><img src="images/index/fankui_normal.gif"/></a>
9                 </div>
10             </div>

这里的DivTitle和DivSystemBtn的CSS定义如下：

#DivTitle
{
   position:relative;
   width:100%;
   height:68px;
}

#DivSystemBtn
{
   left:637px;
   height:30px;
   top:8px;
   width:53px;
   position:absolute;
}

DivTitle自然不必说了，望文生意即可明白它是相当于WINFORM软件标题部分的一个DIV。

DivSystemBtn即是放“关于”、“最小化”、“关闭”按钮的一个DIV容器。

以“最小化”为例阐述一下WEB与WINFORM的交互过程：

<input type="hidden" id="query_init_param"          title="查询默认先显示哪个页面"/>
                       <input type="hidden" id="notify_sysmenu_close"        title="关闭界面"/>
                       <input type="hidden" id="notify_sysmenu_minimize"    title="最小化界面"/>
                       <input type="hidden" id="query_version_time"       title="查询版本信息"/>
                       
                       <input type="hidden" id="query_log_count"             title="查询日志数量，拦截网页木马病毒总数"/>
                       <input type="hidden" id="notify_clean_log"            title="清空日志，清零"/>
                       <input type="hidden" id="notify_setting_enable_kws" title="通知网盾开启与关闭，保护浏览器开启与关闭"/>
                       <input type="hidden" id="query_setting_enable_kws" title="查询网盾是否开启"/>
                       <input type="hidden" id="notify_setting_enable_sep" title="搜索引擎保护开启与关闭"/>
                       <input type="hidden" id="query_setting_enable_sep" title="查询搜索引擎保护是否开启"/>
                       <input type="hidden" id="query_prot_days"            title="查询保护了多少天"/>
                       <input type="hidden" id="notify_call_ksfa"           title="调用急救箱"/>
                       <input type="hidden" id="newsinfo"                    title="刷XXX"/>
                       <input type="hidden" id="open_dlg"                    title="打开关于对话框"/>
                   
                   
                       
                       <input type="hidden" id="query_log"                title="查询日志详细信息"/>
                   
                   
                       <input type="hidden" id="query_black_url"            title="查询黑名单"/>
                       <input type="hidden" id="notify_del_balck_url"     title="删除黑名单"/>
                       <input type="hidden" id="notify_add_black_url"     title="添加黑名单"/>
                       <input type="hidden" id="notify_export_black_url"     title="导出黑名单"/>
                       <input type="hidden" id="notify_import_black_url"     title="导入黑名单"/>
                   
                   
                       <input type="hidden" id="query_bat_setting_basic"    title="查询基础设置"/>
                       <input type="hidden" id="notify_bat_setting_basic"    title="更改基础设置"/>
                       <input type="hidden" id="query_setting_color_dlg"   title="打开颜色选择对话框"/>
                       <input type="hidden" id="notify_def_basic_setting"   title="基础设置恢复默认设置"/>
                       <input type="hidden" id="query_fileopen_dialog"       title="打开文件选择器"/>
                       <input type="hidden" id="notify_setting_add_exe"   title="添加保护EXE"/>
                       <input type="hidden" id="notify_setting_del_exe"   title="删除保护EXE"/>
                       <input type="hidden" id="query_protected_exe"       title="查询保护EXE"/>
                   
                   
                       <input type="hidden" id="notify_set_feedback_time" title="设置意见反馈时间"/>
                   
                   
                       <input type="hidden" id="query_startpage"            title="查询保护的首页url"/>
                       <input type="hidden" id="notify_set_startpage"        title="锁定IE首页"/>
                       <input type="hidden" id="notify_add_ssp"            title="增加屏蔽首页"/>
                       <input type="hidden" id="notify_del_ssp"            title="删除屏蔽首页"/>
                       <input type="hidden" id="query_ssp"                title="查询屏蔽首页列表"/>
                       <input type="hidden" id="query_locksp"                title="查询是否开启IE首页保护"/>
                       <input type="hidden" id="notify_set_locksp"           title="通知是否开启IE首页保护"/>
                       <input type="hidden" id="change_svt"               title="专版转换普通"/>
                   
                   
                       <input type="hidden" id="query_set_filter"            title="查询是否开启净化"/>
                       <input type="hidden" id="notify_set_filter"        title="设置是否开启净化"/>
                       <input type="hidden" id="notify_add_filter_rule"    title="增加规则"/>
                       <input type="hidden" id="notify_del_filter_rule"    title="删除规则"/>
                       <input type="hidden" id="query_filter_rule"        title="查询规则列表"/>
                       <input type="hidden" id="notify_export_filter_rule" title="导出"/>
                       <input type="hidden" id="notify_import_filter_rule" title="导入"/>

关注其中的 <input type="hidden" id="notify_sysmenu_minimize" title="最小化界面"/>这一句，在kwebapp.js种可以找到
// 最小化 $.ImgMouseStyle($("#DivSystemBtn img").eq(1),3).click(function() { $("#notify_sysmenu_minimize").click(); });

哈哈，明白了，当点击 #DivSystemBtn里的第2个图片时，触发隐藏按钮notify_sysmenu_minimize的click事件，而notify_sysmenu_minimize的click事件在C#或者C++的程序里是可以截获的。这样就达到了web与winform 的交互目的，下面我来演示一下用C#如何实现一个窗体装载整个WEB页面并带有程序“最小化”功能。

1、创建一个"Windows窗体应用程序"项目,我把项目命名为KSWebShieldSVC，然后修改默认的From1.cs名称为FrmMain.cs，把“金山网盾”的webui文件夹拷贝到项目的bin/Debug目录下
2、修改窗体属性设置边框为无，并设置窗体大小为690*514(这个尺寸当然要根据您的web页的大小适当设置了)
3、往窗体中拖一个webBrowser1进来
4、 FrmMain_Load事件书写如下：
private void FrmMain_Load(object sender, EventArgs e)
{
string path = AppDomain.CurrentDomain.BaseDirectory + @"webui\kwebshield\main.htm";

this.webBrowser1.Navigate(path);
        }
5、给webBrowser1添加DocumentCompleted事件：
private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            HtmlDocument htmlDoc = webBrowser1.Document;
            HtmlElement btnElement = htmlDoc.All["notify_sysmenu_minimize"];
            if (btnElement != null)
            {
                btnElement.Click += new HtmlElementEventHandler(HtmlBtnClose_Click);
            }
        }

6、书写最小化按钮的单击事件：
   private void HtmlBtnClose_Click(object sender, EventArgs e)
        {
            if(base.WindowState != FormWindowState.Minimized)
            base.WindowState = FormWindowState.Minimized;

        }
OK，此时运行程序，界面显示后，点击web上的最小化按钮，程序就最小化了，呵呵，真爽

下次将讲解一下如何拖动窗体，并放出DEMO，敬请期待！！！
我纳闷，为什么我写的文章无法发布到博客园首页而只能发布到候选区呢？

本文链接

Airfey Radio网络电台播放器V2.0版本发布(2010.4.18最新更新)

2010-02-01T02:22:00Z

Airfey Radio网络电台播放器V2.0 版本正式发布。喜欢听电台的朋友欢迎使用。简单说明：1、使用Vs2008 开发的Winform程序。灵活换肤，目前暂时只有一套皮肤。2、脱离.net framework运行，再也不用为使用一个很小的C#软件而去安装20多M的框架了。（虽然目前仍有11.5M，但比起.net framework那22M来说还是小了一半）2010.1.31日更新说明：1、...

Airfey Radio网络电台播放器V1.0.0.0版本发布（2010.1.29更新）此版本不再更新，转入2.0版本开发

2010-01-18T00:51:00Z

经过将近两天的努力，在上一篇随笔仿QQRadio网络电台播放器即将开放下载，敬请期待！！！中提到的Airfey Radio网络电台播放器V1.0.0.0版本今天正式发布了。在经历了痛苦的整理几百条电台地址后，终于舒口气了。较上次的截图略有改观，更换了logo，美化了下拉菜单（参考了csharpwin.com站长的做法，在此表示感谢）。简单说明：1、使用Vs2008 开发的Winform程序。灵...