博客园_Jack Dong .NET

x:Null 标记扩展

2012-05-07T20:00:00Z

最近开发一个自定义Silverlight Control时，遇到一件莫名其妙的事情：

我这里的自定义控件继承自ContentControl, 其样式定义如下：

View Code  <Style TargetType="dc:XXXX">
       <Setter Property="Cursor" Value="Hand" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="dc:XXXX">
                    <Grid Name="MainGrid" Margin="{TemplateBinding Padding}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                       ...

                        <ContentPresenter Name="ImagePresenter" Margin="4,0" MinWidth="16" VerticalAlignment="Center" HorizontalAlignment="Center"
                                          Content="{TemplateBinding Image}" />

                        <ContentPresenter Name="HeaderPresenter" Margin="2,0,0,0" Grid.Column="1" VerticalAlignment="Center"
                                          Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" />
                        <VisualStateManager.VisualStateGroups>
...           </VisualStateManager.VisualStateGroups>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

使用这个控件，我对其ContentTemplate指定一个DataTemplate, 而运行后，ImagePresenter并没有显示一个有效的Image (尽管我可以保证DataBinding是没有问题的)。

但是ImagePresenter却莫名其妙的显示了前面提到的DataTempalte的东西。

经过推敲，大概是ImagePresenter这个ContentPresenter的ContentTemplate默认集成了父控件的ContentTemplate的值。

那如何阻止它这样的默认的集成能力呢？

因为我发现 HeaderPresenter并没有像ImagePresenter元素那样，而是显示了正常的值。不同的就在于HeaderPresenter指定了 ContentTemplate，似乎因为有指定，所以没有被默认为父控件的ContentTemplate的值。

所以，给ImagePresenter加上ContentTemplate的绑定语法，但是它这里只是显示一个image 并不需要复杂的Template, 原则上只需要制定Content即可。那么有没有语法可以指定ImagePresenter的ContentTemplate为 “Null” 呢。

x:Null 这个xaml的标记扩展，就是完成这件事情。

“将 null 指定为通过 XAML 属性 (Attribute) 设置的属性 (Property) 的值。”

备注

在许多托管编程语言中，null 引用的关键字是 null。在 Visual Basic 中，null 引用的关键字是 Nothing。

x:Null 标记扩展没有可设置的属性。

请注意，null 不一定是引用类型依赖项属性的初始未设置值。每个依赖项属性的初始默认值可以不同。许多依赖项属性由于它们的内部实现将不接受 null 作为值，不管是通过标记还是代码。在这种情况下，使用 x:Null 设置 XAML 属性值可导致分析程序异常。

x:Null 是标记扩展。 XAML 中的标记扩展使用 XAML 处理器实现识别的 { 和 } 字符将对属性值的处理转义为非文字或处理程序引用。特性语法是最常用于此标记扩展的语法。 x:Null 还可以在属性元素语法中使用。

某些 Silverlight 类型是可以为 null 的类型。在可以为 null 的类型还没有将 null 作为默认值的情况下，可以使用 x:Null 在 XAML 中设置 null值。

如果目标为 Silverlight 3，则无法使用对象元素形式 <x:Null>

Jack.

2012-05-07 NJ. USA.

本文链接

初识NuGet - 概念，安装和使用

2012-03-16T05:10:00Z

1. NuGet是什么？

NuGet is a Visual Studio 2010 extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects that use the .NET Framework. This topic lists documentation that will help you use NuGet packages and create your own.

NuGet 是一个Visual Studio的扩展。在使用Visual Studio开发基于.NET Framework的应用时，NuGet能够令你在项目中添加、移除和更新引用的工作变得更加快捷方便。

这就是说: 我们往往在开发项目里，会使用一些第三方的dll, 如：Newtonsoft.Json.dll (它为我们提供了进行序列化和反序列化解决方案，很有用，也很稳定，还很有名气)。

但是，我们往往也面临随着项目升级，对这些引入的第三方插件进行升级的可能和必要。

比方说，原本的项目是vs2008 + C# 3.5 实现的，并引入了Newtonsoft.Json.dll 2.0版本，现在对项目升级成了Vs 2010 + C# 4.0。

如果你想或者必须将旧版本升级到最新版本才能工作或者仅是保持版本上的一致；同时，Newtonsoft 提供Json.Net对C# 4.0 支持版本，即：Newtonsoft.Json.dll 4.0。

你就需要到官网或者通过Google 去寻找它的最新版本，下载，解压，然后替代等操作。似乎看上去，也没多少复杂的事情，也习以为常了。谁叫咱引用别人的东西，只能跟着走了，习惯了这样的更新，总比自己写更快吧。

现在，NuGet 将这个过程系统化，令你可以更加方便的查找你要的第三方的dll，同时，还可以为你提供自动或者手动更新，而无需你在人肉搜索与更新了。

2. 官方网站：www.nuget.org

CodePlex: http://nuget.codeplex.com/

3. 安装：

打开Visual Studio 2010, Tools-> Extensions Manager... （工具->扩展管理器），打开 vs扩展管理库，选择 Online Gallery (联机库)，既可以在右上角搜索 “NuGet”。

选择“NuGet Packge Manager”, 点击右上角的 Install，既可以完成安装，安装完成后，即为绿色的对号。

4 . 举例：

新建一个项目，这里我们就简单创建一个Web Application:

我打算在这个项目中，添加Newtonsoft.Json.dll。

我不再通过传统方式，下载解压并copy到项目中再引用。而是通过NuGet提供的方式实现：

NuGet提供了两种方式添加（至少我值知道是两种方式）:

第一种 通过 "Add Library Package Reference..." 添加，如下图所示：

点击 ‘Add Library Package Reference...’ , 搜索你要添加的Package的名称：

点击 "Install" 按钮，安装这个Package。这是你将发现NuGet为你当前的项目自动引入了最新的 Newtonsoft.Json.dll 动态链接库。

这时，你就可以使用它了。

第二种使用Package Manager Console为项目添加该引用：

从VS2010的主菜单->Tools->Library Package Manager->Package Manager Console，打开Package Manager控制台：

假设我们知道 Newtonsoft.Json 在NuGet上的名称，我们可以使用下面命令安装引用：

Install-Package Newtonsoft.Json

回车后，NuGet将自动为你下载并添加引用。同时，控制台为你提示如下信息：

PM> Install-Package Newtonsoft.Json

Successfully installed 'Newtonsoft.Json 4.0.8'.

Successfully added 'Newtonsoft.Json 4.0.8' to WebApplication2.

你还可以通过这两种方式更新引用为最新版本。

5. 创建自己的 NuGet Server。

如果你是一个大公司的程序设计人员，你设计了解决某一问题的解决方案即一个良好的会被同事频繁使用的动态链接库中NuGet.Demo.dll，你将它放置在公司共享的某个磁盘文件夹下，并email通知大家最新的更新等。

这个dll一直有你维护和更新，以往大家也就会得到你的email通知, 根据自己的需求，到上文说的文件夹下copy并删除当前旧的dll.

如今我们可以通过NuGet Server提供的手段，帮我们更加自动和人性化的简化并更加方便这一工作场景：

那么，如何创建这个自己公司的NuGet Server。

我们新创建一个工程：Infoshare.Projects.

然后通过上面的方法，打开Package Manager Console, 并输入如下命令并回车：

......

PM> Install-Package NuGet.Server

......

这时，你会发现工程的Refernces 下添加了一个NuGet.Core的引用，它将为我们实现这一方案。

同时，添加了两个文件夹： “DataServices” ；“Packages” 和若干文件以及一个WebForm "Default.aspx"，如下图所示：

运行，并查看Default.aspx页面：

点击here，进入Packages页面，你应该可以看到Package下包含的nuget包:

但是，如上面显示并没有任何Feed 记录。这是因为在刚才的Infoshare.Projects的Packages文件夹下，并没有任何nuget包。

我们将上面通过NuGet的Packages Manager Cnsole添加的 NuGet 包，放到当前这个Infoshare.Projects的Packages文件夹下，

添加完成后如下图：

在运行查看：

我们在项目中创建一个Class Library 命名为：Infoshare.Core, 将作为公司普用的关键dll，通过NuGet Server进行管理。

现在的问题是如何才能生成类似Newtonsoft.Json可供NuGet.Server使用的nuget包，即将自己的公司的dll打包成nuget包？

这要用到NuGet提供的工具，你需要到 http://nuget.codeplex.com/上面下载：

下载nuget.exe 后，你可以使用下面的方式进行打包：

使用nuget.exe pack将工程文件打包，（命令："nuget pack"）：

将下载的NuGet.exe放到Infoshare.Core的工程文件夹下：

执行如下命令：

将生成的 Infoshare.Core.1.0.0.0.nupkg 文件和相应的Infoshare.Core.dll 拷贝到 Infoshare.Projects下的Packages文件夹下：

在运行查看defalut.aspx:

那么如何像NuGet Server那样，可以通过“Add Library Package Reference...”，弹出Library Reference 搜索和安装对话框？

这就要向 NuGet 添加更多程序包源，即添加你的NuGet Server程序包源。

通过“Tools”（工具）|“Library Package Manager”（库程序包管理器）|“Package Manager Settings”（程序包管理器设置）菜单选项，单击“Package Sources”（程序包源）节点，

今天突然看到网上又一遍更加系统和全面的讲解阅读：使用NuGet 管理项目库

代码下载：

Jack

2012-3-16 北京

本文链接

jQuery 实现一个简单的信息反馈或者信息收集的页面

2012-02-22T03:52:00Z

部分技术： jquery + Form validation + .NET handler + ASP.NET Email notification.

页面为简单的纯HTML + Js 定义，提交表单通过jQuery 进行表单验证，提示友好的验证信息。

表单验证成功，使用jQuery ajax 提交到ASP.NET 后台代码 Handler Page进行后台数据处理。

Handler Page 收集请求中的Form 数据，将完成两件事情：

1. 将Form表单中的数据，保存到数据库数据表中；（这里没有提供实现）

2. 将此次请求通过Email的形式发送到相应邮箱，可以在web.config中定义。这里使用ASP.NET邮件发送技术。

详细信息参见如下截图，并提供本程序全部代码的下载，供参考和完善。

Page:

表单提交验证通过后，将页面信息存储到数据库，并发送邮件通知。。。。

邮件样式如下：

发送email的代码：

本人能力有限，请提出你的宝贵意见。

【这里下载】

Jack.

北京

Wednesday, February 22, 2012 11:57:35

本文链接

将DataTable保存到数据库的数据表中

2011-11-11T22:26:00Z

1    static void Main(string[] args)
2         {
3             DataTable _data = new DataTable();
4             OleDbConnection dbConnection = new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0;" + @"Data Source=D:\My Work\Pawn Shop\Jewelry DB.xls;" + @"Extended Properties=""Excel 8.0;HDR=Yes;""");
5             dbConnection.Open();
6
7             //List<string> _Fields = new List<string>()
8             //{
9             //    "ID","Date","Time","Last Name","First Name","DOB","Street","Town","State","Zip","DL/Passport #","Phone #","Items Sold","Photo Link","Suspicious","Associates","Notes","Store","Receipt #","Price"
10             //};
11
12             try
13             {
14                 OleDbDataAdapter dbAdapter = new OleDbDataAdapter("SELECT * FROM [Sheet3$]", dbConnection);
15                 dbAdapter.Fill(_data);
16                 if (_data != null && _data.Rows.Count > 0)
17                 {
18                     SqlBulkCopy bcp = new SqlBulkCopy("server=10.1.1.33;database=PawnShop_DTS_20110712;uid=sa;pwd=infoshare");
19                     bcp.DestinationTableName = "pawn_sale_2";
20                     bcp.WriteToServer(_data);
21                 }
22             }
23             finally
24             {
25                 dbConnection.Close();
26             }
27         }

本文链接

C# 泛型详解

2011-04-20T02:43:00Z

我们在编写程序时，经常遇到两个模块的功能非常相似，只是一个是处理int数据，另一个是处理string数据，或者其他自定义的数据类型，但我们没有办法，只能分别写多个方法处理每个数据类型，因为方法的参数类型不同。有没有一种办法，在方法中传入通用的数据类型，这样不就可以合并代码了吗？泛型的出现就是专门解决这个问题的。读完本篇文章，你会对泛型有更深的了解。

为什么要使用泛型
为了了解这个问题，我们先看下面的代码，代码省略了一些内容，但功能是实现一个栈，这个栈只能处理int数据类型：
public class Stack
    {
        private int[] m_item;
        public int Pop(){...}
        public void Push(int item){...}
        public Stack(int i)
        {
            this.m_item = new int[i];
        }
}
上面代码运行的很好，但是，当我们需要一个栈来保存string类型时，该怎么办呢？很多人都会想到把上面的代码复制一份，把int改成string不就行了。当然，这样做本身是没有任何问题的，但一个优秀的程序是不会这样做的，因为他想到若以后再需要long、Node类型的栈该怎样做呢？还要再复制吗？优秀的程序员会想到用一个通用的数据类型object来实现这个栈：
public class Stack
    {
        private object[] m_item;
        public object Pop(){...}
        public void Push(object item){...}
        public Stack(int i)
        {
            this.m_item = new[i];
        }

    }
这个栈写的不错，他非常灵活，可以接收任何数据类型，可以说是一劳永逸。但全面地讲，也不是没有缺陷的，主要表现在：
当Stack处理值类型时，会出现装箱、折箱操作，这将在托管堆上分配和回收大量的变量，若数据量大，则性能损失非常严重。
在处理引用类型时，虽然没有装箱和折箱操作，但将用到数据类型的强制转换操作，增加处理器的负担。
在数据类型的强制转换上还有更严重的问题（假设stack是Stack的一个实例）：
Node1 x = new Node1();
            stack.Push(x);
         Node2 y = (Node2)stack.Pop();
上面的代码在编译时是完全没问题的，但由于Push了一个Node1类型的数据，但在Pop时却要求转换为Node2类型，这将出现程序运行时的类型转换异常，但却逃离了编译器的检查。

针对object类型栈的问题，我们引入泛型，他可以优雅地解决这些问题。泛型用用一个通过的数据类型T来代替object，在类实例化时指定T的类型，运行时（Runtime）自动编译为本地代码，运行效率和代码质量都有很大提高，并且保证数据类型安全。

使用泛型
下面是用泛型来重写上面的栈，用一个通用的数据类型T来作为一个占位符，等待在实例化时用一个实际的类型来代替。让我们来看看泛型的威力：
public class Stack<T>
    {
        private T[] m_item;
        public T Pop(){...}
        public void Push(T item){...}
        public Stack(int i)
        {
            this.m_item = new T[i];
        }
}
类的写法不变，只是引入了通用数据类型T就可以适用于任何数据类型，并且类型安全的。这个类的调用方法：
//实例化只能保存int类型的类
Stack<int> a = new Stack<int>(100);
      a.Push(10);
      a.Push("8888"); //这一行编译不通过，因为类a只接收int类型的数据
      int x = a.Pop();

//实例化只能保存string类型的类
Stack<string> b = new Stack<string>(100);
b.Push(10);    //这一行编译不通过，因为类b只接收string类型的数据
      b.Push("8888");
string y = b.Pop();

这个类和object实现的类有截然不同的区别：
1.       他是类型安全的。实例化了int类型的栈，就不能处理string类型的数据，其他数据类型也一样。
2.       无需装箱和折箱。这个类在实例化时，按照所传入的数据类型生成本地代码，本地代码数据类型已确定，所以无需装箱和折箱。
3.       无需类型转换。

泛型类实例化的理论
C#泛型类在编译时，先生成中间代码IL，通用类型T只是一个占位符。在实例化类时，根据用户指定的数据类型代替T并由即时编译器（JIT）生成本地代码，这个本地代码中已经使用了实际的数据类型，等同于用实际类型写的类，所以不同的封闭类的本地代码是不一样的。按照这个原理，我们可以这样认为：
泛型类的不同的封闭类是分别不同的数据类型。
例：Stack<int>和Stack<string>是两个完全没有任何关系的类，你可以把他看成类A和类B，这个解释对泛型类的静态成员的理解有很大帮助。

泛型类中数据类型的约束
程序员在编写泛型类时，总是会对通用数据类型T进行有意或无意地有假想，也就是说这个T一般来说是不能适应所有类型，但怎样限制调用者传入的数据类型呢？这就需要对传入的数据类型进行约束，约束的方式是指定T的祖先，即继承的接口或类。因为C#的单根继承性，所以约束可以有多个接口，但最多只能有一个类，并且类必须在接口之前。这时就用到了C#2.0的新增关键字：
public class Node<T, V> where T : Stack, IComparable
        where V: Stack
    {...}
以上的泛型类的约束表明，T必须是从Stack和IComparable继承，V必须是Stack或从Stack继承，否则将无法通过编译器的类型检查，编译失败。
通用类型T没有特指，但因为C#中所有的类都是从object继承来，所以他在类Node的编写中只能调用object类的方法，这给程序的编写造成了困难。比如你的类设计只需要支持两种数据类型int和string，并且在类中需要对T类型的变量比较大小，但这些却无法实现，因为object是没有比较大小的方法的。了解决这个问题，只需对T进行IComparable约束，这时在类Node里就可以对T的实例执行CompareTo方法了。这个问题可以扩展到其他用户自定义的数据类型。
如果在类Node里需要对T重新进行实例化该怎么办呢？因为类Node中不知道类T到底有哪些构造函数。为了解决这个问题，需要用到new约束：
public class Node<T, V> where T : Stack, new()
        where V: IComparable
需要注意的是，new约束只能是无参数的，所以也要求相应的类Stack必须有一个无参构造函数，否则编译失败。
C#中数据类型有两大类：引用类型和值类型。引用类型如所有的类，值类型一般是语言的最基本类型，如int, long, struct等，在泛型的约束中，我们也可以大范围地限制类型T必须是引用类型或必须是值类型，分别对应的关键字是class和struct:
public class Node<T, V> where T : class
        where V: struct

泛型方法
泛型不仅能作用在类上，也可单独用在类的方法上，他可根据方法参数的类型自动适应各种参数，这样的方法叫泛型方法。看下面的类：
public class Stack2
    {
        public void Push<T>(Stack<T> s, params T[] p)
        {
            foreach (T t in p)
            {
                s.Push(t);
            }
        }
}
原来的类Stack一次只能Push一个数据，这个类Stack2扩展了Stack的功能（当然也可以直接写在Stack中），他可以一次把多个数据压入Stack中。其中Push是一个泛型方法，这个方法的调用示例如下：
Stack<int> x = new Stack<int>(100);
    Stack2 x2 = new Stack2();
    x2.Push(x, 1, 2, 3, 4, 6);
    string s = "";
    for (int i = 0; i < 5; i++)
    {
        s += x.Pop().ToString();
    }    //至此，s的值为64321


泛型中的静态成员变量
在C#1.x中，我们知道类的静态成员变量在不同的类实例间是共享的，并且他是通过类名访问的。C#2.0中由于引进了泛型，导致静态成员变量的机制出现了一些变化：静态成员变量在相同封闭类间共享，不同的封闭类间不共享。
这也非常容易理解，因为不同的封闭类虽然有相同的类名称，但由于分别传入了不同的数据类型，他们是完全不同的类，比如：
Stack<int> a = new Stack<int>();
Stack<int> b = new Stack<int>();
Stack<long> c = new Stack<long>();
类实例a和b是同一类型，他们之间共享静态成员变量，但类实例c却是和a、b完全不同的类型，所以不能和a、b共享静态成员变量。
泛型中的静态构造函数
静态构造函数的规则：只能有一个，且不能有参数，他只能被.NET运行时自动调用，而不能人工调用。
泛型中的静态构造函数的原理和非泛型类是一样的，只需把泛型中的不同的封闭类理解为不同的类即可。以下两种情况可激发静态的构造函数：
1.       特定的封闭类第一次被实例化。
2.       特定封闭类中任一静态成员变量被调用。

泛型类中的方法重载
方法的重载在.Net Framework中被大量应用，他要求重载具有不同的签名。在泛型类中，由于通用类型T在类编写时并不确定，所以在重载时有些注意事项，这些事项我们通过以下的例子说明：
public class Node<T, V>
    {
        public T add(T a, V b)          //第一个add
        {
            return a;
        }
        public T add(V a, T b)          //第二个add
        {
            return b;
        }
        public int add(int a, int b)    //第三个add
        {
            return a + b;
        }
}
上面的类很明显，如果T和V都传入int的话，三个add方法将具有同样的签名，但这个类仍然能通过编译，是否会引起调用混淆将在这个类实例化和调用add方法时判断。请看下面调用代码：
Node<int, int> node = new Node<int, int>();
    object x = node.add(2, 11);
这个Node的实例化引起了三个add具有同样的签名，但却能调用成功，因为他优先匹配了第三个add。但如果删除了第三个add，上面的调用代码则无法编译通过，提示方法产生的混淆，因为运行时无法在第一个add和第二个add之间选择。
Node<string, int> node = new Node<string, int>();
        object x = node.add(2, "11");
   这两行调用代码可正确编译，因为传入的string和int，使三个add具有不同的签名，当然能找到唯一匹配的add方法。
由以上示例可知，C#的泛型是在实例的方法被调用时检查重载是否产生混淆，而不是在泛型类本身编译时检查。同时还得出一个重要原则：
当一般方法与泛型方法具有相同的签名时，会覆盖泛型方法。

泛型类的方法重写
方法重写（override）的主要问题是方法签名的识别规则，在这一点上他与方法重载一样，请参考泛型类的方法重载。

泛型的使用范围
本文主要是在类中讲述泛型，实际上，泛型还可以用在类方法、接口、结构（struct）、委托等上面使用，使用方法大致相同，就不再讲述。

小结
C# 泛型是开发工具库中的一个无价之宝。它们可以提高性能、类型安全和质量，减少重复性的编程任务，简化总体编程模型，而这一切都是通过优雅的、可读性强的语法完成的。尽管 C# 泛型的根基是 C++ 模板，但 C# 通过提供编译时安全和支持将泛型提高到了一个新水平。C# 利用了两阶段编译、元数据以及诸如约束和一般方法之类的创新性的概念。毫无疑问，C# 的将来版本将继续发展泛型，以便添加新的功能，并且将泛型扩展到诸如数据访问或本地化之类的其他 .NET Framework 领域。

本文链接

简化自己的一个工程，共享给大家：Silverlight 做的Link Map

2011-02-03T22:39:00Z

提醒一下哦，这里的Map其实是Graph的概念。

一年来一直使用Silverlight做应用程序开发，期间一个典型的应用在犯罪调查系统中将相关实体可视化的呈现出来，供客户直观获取相应信息。

新年了，难得闲暇一些时间，此将该工程简化，共享给大家参考。

这里我将其命名为Link Map Easy.

这是工程文件的结构：

效果图如下：

项目涉及的文件与上面的UI图，对照：

Views:

EasyEntity.xaml -- Node 节点；

EasyLine.xaml -- Line 线；

EasyBoard.cs -- 绘图区，是一个Canvas, 即白色展示区；

EasyProperty.cs -- 右侧属性框，当选择Node节点或Line线时，将显示相应的属性列表，可以适当修改，以改变实体的效果；

EasyMenuBox.cs -- 顶部的菜单框，只有两个自定义的toolbar button, Add & Delete;

EasyWorkspace -- 这个类将衔接各个部分（Menu & Board & Property Box）;

Utils:

首先做一些简单说明：

工程里，我将要显示的实体用xml做了一些定义，当然可以写到数据库中，便于维护。

这些定义包括：属于哪个类（Object Type）; 自我属性定义即： EntityType - 定义了其名称，所在类，以及icon等。可以参见以下xml

ObjectType --

EntityType:

Object Type & HxObjectType -- 用来承载ObjectType.xml中的数据和管理工作；

EntityType & HxEntityType -- 用来承载EntityType.xml中的数据和管理工作；

UI中的PropertyBox的palette 和 Type的数据就来自这个文件。

基于这两个文件，你可以对其进行扩展。

其他的都是一些帮助性的类。

这是我利用业余时间简化出来的（Link Map Esay），它包含了以下几点功能：

1. Node 和Line的创建。 UI中Line的创建方法为：鼠标移到Node的中心，将会出现一个红色节圆点，这时你按住红色远点不放随意方向拖动即可，当你在下一个Node上松开时，将建立两者的连线；

2. Node 和Line的随意拖动。

3. 选择功能，在空白处按住鼠标不放随意方向拖动，将可以实现多个节点的选择，基于此可以进行多个节点和线的同时移动。

4.Delete功能。这里我没有加上快捷键，这个很简单，有兴趣可以自己稍加定义，调用相关方法即可。

基于这些功能，其实在工程里有很多可以继续操作的地方，也同时可以拓展相关功能。

比如，

1.Node和Line的caption 修改下换个Control，你可以实现对其编辑的功能；

2.利用Silverlight 3中新增的 WriteableBitmap你可以实现读出图片，甚至打印；

3.了解了工程使用的数据实体定义，你可以将这个Graph （EasyMeta）序列化，然后保存成你自己定义的文件里；再增加个加载文件生成Graph的功能，也不错。

工程简单，但是结构尚且清晰，适合Silverlgiht初中级程序员。

用得到了，可以参考，用不到可以提提建议，都可。

具体可以下载来“研究”下，有什么建议或者疑问，都欢迎。

我已经将bin下生成的文件移除，你需要安装silverlight 3.0以上的toolkit (3.4 & 4.0 都可以).

【这里下载】

Jack.

2011-02-03 新泽西。

本文链接

Silverlight 与 HTML 交互一览

2010-11-11T20:03:00Z

silverlight包含了一些列可以模仿HTML中DOM的类，这些类可以让silverlight和在同一界面内的HTML元素交互。比如:读取一个控件的值，更新一个文本值或者向HTML页面中添加一个新的元素。这些类都在System.Windows.Brower命名空间下，下边有几个重要的类

HtmlPage

HtmlPage代表了整个silverlight寄宿的HTML页面，是和HTML交互的起点。它提供了和HTML交互(Document属性)，获取浏览器信息(BrowserInfo属性)，和当前浏览器窗口交互(Windows属性)以及注册允许javascript调用的silverlight方法(RegisterCreateableType()和RegisterScriptableTyp()方法)的成员。

BrowserInformation

提供一些关于运行silverlight程序的浏览器信息,包括浏览器名称,版本,和操作系统。可以通过HtmlPage.BrowserInfomattion属性来获取一个BrowserInfomation类的实例。

HtmlDocument

HtmlDocument代表了一个完整的HTML文档。可以通过HtmlPage.Document属性获取一个代表当前HTML页面的HtmlDocument实例。可以用HtmlDocument对象来探索页面的结构和内容(包括HtmlElement对象的内嵌元素)。

HtmlElement

HtmlElement可以表示页面中的HTML元素。可以用类似于SetAttribute()和SetProperty()等方法来操作这些元素。通常在HtmlDocument对象中获取HtmlElement对象。

HtmlWindow

HtmlWindow代表了浏览器窗口，并且提供一些方法来跳转到一个新的界面或跳到同一个页面的不同部分。通常通过HtmlPage.Window属性来获取silverlight寄宿页面的HtmlWindow类的实例。

HttpUtility

HttpUtility为一些HTML相关的任务，包括HTML encoding和decoding(让文本在页面安全的显示)和URL encoding和decoding(使URL中的字符串安全-比如，作为一个查询字符串)。

ScriptableTypeAttribute和ScriptableMemberAttribute

这两个类允许你在silverlight中暴露一些可以让在HTML的javascript访问的类和方法。

ScriptObject

ScriptObject代表了定义在页面的javascript函数并允许在silverlight程序中调用这个方法。

本文链接

HTML元素(标签)大全及使用说明（整）

2010-07-02T18:59:00Z

a:表示超链接的起始或目的位置。

acronym:表示取首字母的缩写词。

address:表示特定信息，如地址、签名、作者、文档信息。

applet:在页面上放置可执行内容。

area:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

b:指定文本应以粗体显示。

base:指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。

basefont:设置显示文本时作为默认字体的基础字体值。

bdo:允许作者为选定文本片断禁用双向法则。

bgsound:使页面能够带有背景声音或配音。

big:指定所含文本要以比当前字体稍大的字体显示。

blockquote:表示文本中的一段引用语。

body:指明文档主体的开始和结束。

br:插入一个换行符。

button:指定一个容器，其中所含的 HTML 会被显示为一个按钮。

caption:表格的标题，对表格的简单描述。

center:将指定文本和图像居中显示。

cite:用斜体显示标明引文。

code:表示代码范例。

col:说明基于列的表格缺省属性。

colgroup:说明表格中一列或一组列的缺省属性。

comment:表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。

dd:在定义列表中表示定义。定义通常在定义列表中缩进显示。

del:表示文本已经从文档中删除。

dfn:表示术语的定义。

dir:表示目录列表。

div:表示一块可显示 HTML 的区域

dl:表示定义列表。

dt:在定义列表中表示定义术语。

em:强调文本，通常以斜体显示。

embed:允许嵌入任何类型的文档。

fieldset:在字段集包含的文本和其它元素外面画一个方框。

font:用于说明所包含文本的新字体、大小和颜色。

form:说明所包含的控件是某个表单的组成部分。

frame:在 FRAMESET 元素内表示单个框架。

frameset:表示一个框架集，用于组织多个框架和嵌套框架集。

head:提供了关于文档的无序信息集合。

hn:以标题样式显示文本。

hr:画一条横线。

html:表明文档包含 HTML 元素。

i:指定文本应以斜体显示。

iframe:创建内嵌漂浮框架。

img:在文档中嵌入图像或视频片断。

input:创建各种表单输入控件。

input type=button:创建按钮控件。

input type=checkbox:创建复选框控件。

input type=file:创建文件上载控件，该控件带有一个文本框和一个浏览按钮。

input type=hidden:传输关于客户/服务器交互的状态信息。

input type=image:创建一个图像控件，该控件被点击后将导致表单立即被提交。

input type=password:创建与 INPUT type=text 控件类似的单行文本输入控件，不过并不显示用户输入的内容。

input type=radio:创建单选钮控件。

input type=reset:创建一个按钮，点击该按钮后，将重置表单控件回其初始值。

input type=submit:创建一个按钮，点击该按钮后，即提交表单。

input type=text:创建一个单行的文本输入控件。

ins:表示插入到文档中的文本。

isindex:使浏览器显示一个对话框，提示用户输入单行文本。

kbd:以定宽字体显示文本。

label:为页面上的其它元素指定标签。

legend:在 fieldSet 对象绘制的方框内插入一个标题。

li:表示列表中的一个项目。

link:允许当前文档和外部文档建立连接。

listing:以固定宽度的字体显示文本。

map:包含客户端图像映射的坐标数据。

marqueee:创建一个滚动的文本字幕。

menu:创建一个无序列表。

meta:向服务器和客户端传达关于文档的隐藏信息。

nobr:不换行显示文本。

noframes:包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。

noscript:指定在不支持脚本的浏览器中显示的 HTML。

object:在 HTML 页面中插入对象。

ol:编制排序列表。

optgroup:允许作者对 select 元素中的选项进行逻辑分组。

option:表示 SELECT 元素中的一个选项。

p:表示一段。

param:设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。

pre:以固定宽度字体显示文本。

q:分离文本中的引语。

s:带删除线方式显示文本。

samp:表示代码范例。

script:指定由脚本引擎解释的页面中的脚本。

select:表示一个列表框或者一个下拉框。

small:指定内含文本要以比当前字体稍小的字体显示。

span:指定内嵌文本容器。

strike:带删除线显示文本。

strong:以粗体显示文本。

style:指定页面的样式表。

sub:说明内含文本要以下标的形式显示，比当前字体稍小。

sup:说明内含文本要以上标的形式显示，比当前字体稍小。

table:说明所含内容组织成含有行和列的表格形式。

tbody:指明哪些行作为表格的主体。

td:指定表格中的单元格。

textarea:多行文本输入控件。

tfoot:指明哪些行作为表尾。

th:指定标题列。标题列将在单元格中居中并以粗体显示。

thead:指定哪些行作为表头。

title:文档的标题。

tr:指定表格中的一行。

tt:以固定宽度字体显示文本。

u:带下划线显示文本。

ul:表示不排序的项目列表。

var:定义程序变量，通常以斜体显示。

wbr:向一块 NOBR 文本中插入软换行。

本文链接

DOM节点方法介绍

2010-07-02T18:06:00Z

obj.appendChild(newe) 将子节点添加父节点的末尾。
obj：要添加的节点的父元素引用；newe：要添加的新节点。
注意：本人发现，在添加子节点的时候不能对其父节点进行引用，如果引用其父节点，就行造成溢出（好像是用这个词吧）现象，而导致浏览器崩溃。

obj.cloneNode(boolen) 得到当前节点的副本
obj：当前节点的引用； boolen：布尔值，true：包括当前节点的子节点；false：不包括。返回值为对当前节点的引用.

obj.hasChildNodes() 检测当前节点时否有子节点。返回值为布尔值：true表示有，false表示没有。
obj：要进行检测的节点。其实有时也可以用 childNodes.length 属性进行检测，只是此属性返回值为节点数量。

obj.parentNode.insertBefore(newe.obj) 在当前节点之前插入一个新节点。
obj：当前节点的引用；ocument.getElementById("tdiv").childNodes(2) 可提供一个字节点位置变量，就可随意放在任何位置。
parentNode：对当前节点的父节点的引用，因为此方法是在当前节点之前插入一个新节点，就等于在其父节点下插一个字节点，所以要对其父进行引用，我们不需要知道其父节点的信息，只需要用到parentNode属性。
newe：要插入的新节点。

obj.parentNode.removeChild(obj) 删除一个子节点
obj.parentNode：对要删除的子节点的父节点的引用，其原理同”obj.parentNode.insertBefore(newe.obj)“类似。
obj：要删除的子节点。

obj.parentNode.replaceChild(newe,obj) 用新节点替换旧节点
obj.parentNode：对要被替换掉的子节点的父节点的引用，其原理同上。
newe：用于替换旧节点的新节点。
obj：被替换掉的旧节点。

本文链接

JavaScript对象、属性、事件手册查询 (整)

2010-07-02T18:04:00Z

windows对象
每个HTML文档的顶层对象.
属性
frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放.
feames.length 子桢个数.
self 当前窗口.
parent 父窗口(当前窗口是中一个子窗口).
top 顶层窗口(是所有可见窗口的父窗口).
status 浏览器状态窗口上的消息.
defaultStatus 当status无效时,出现在浏览器状态窗口上的缺省消息.
name 内部名,为由window.open()方法打开的窗口定义的名字.

windows方法
alert("message") 显示含有给定消息的"JavaScript Alert"对话框.
confirm("message") 显示含有给定消息的"Confirm"对话框(有一个OK按钮和一个Cancel按钮).如果用户单击OK返回true,否则返回false.
prompt("message") 显示一个"prompt"对话框,要求用户根据显示消息给予相应输入.
open("URL","name") 打开一个新窗口,给予一个指定的名字.
close() 关闭当前窗口.

frame对象
它是整个浏览器窗口的子窗口,除了status,defaultStatus,name属性外,它拥有window对象的全部属性.
location对象
含有当前URL的信息.
属性
href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.shimianren.com/ask/
hostname 包含URL中主机名的字符串.如http://www.shimianren.com
port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.

document对象
含有当前文档信息的对象.
属性
title 当前文档标题,如果未定义,则包含"Untitled".
location 文档的全URL.
lastModified 含有文档最后修改日期.
referrer 调用者URL,即用户是从哪个URL链接到当前页面的.
bgColor 背景色(#xxxxxx)
fgColor 前景文本颜色.
linkColor 超链接颜色.
vlinkColor 访问过的超链颜色.
alinkColor 激活链颜色(鼠标按住未放时).
forms[] 文档中form对象的数组,按定义次序存储.
forms.length 文档中的form对象数目.
links[] 与文档中所有HREF链对应的数组对象,按次序定义存储.
links.length 文档中HREF链的数目.
anchors[] 锚(...)数组,按次序定义存储.
anchors.length 文档中锚的数目.

方法
write("string") 将字符串突出给当前窗口.(字符串可以含有HTML标记)
writeln("string") 与write()类似,在结尾追加回车符,只在预定格式文本中(<PRE>...</PRE>或<XMP>...</XMP>)生效.
clear() 清当前窗口.
close() 关闭当前窗口.

form对象
属性
name
中的NAME属性的字符串值.
method 中METHOD属性的类值,"0"="GET" ,"1"="POST" .
action 中ACTION属性的字符串值.
target 表格数据提交的目标,与标记中相应属性一致.
elements[index] elements属性包含form中的各个元素.
length 表格中的元素个数.

方法
submit() 提交表格.
事件处理器onSubmit() 用户单击一个定义好的按钮提交form时运行的代码.

text和textarea对象
属性
name NAME属性的字符串值.
value 域内容的字符串值.
defaultValue 域内容的初始字符串值.

方法
focus() 设置对象输入焦点.
blur() 从对象上移走输入焦点.
select() 选定对象的输入区域.

事件处理器
onFocus 当输入焦点进入时执行.
onBlur 当域失去焦点时执行.
onSelect 当域中有部分文本被选定时执行.
onChange 当域失去焦点且域值相对于onFocus执行有所改变时执行.

复选框(checkbox)对象
属性
name NAME属性的字符串值.
value 复选框内容的字符串值.如果设置了,则为"on",否则为"off".
checked 复选框内容的布尔值.如果设置了,则为true,否则为false .
defaultChecked 反映(CHECKED)属性的布尔值(缺省状态).

方法
click() 选定复选框,并使之状态为"on".

事件处理器
onClick 当用户单击Checkbox时执行.

单选按钮(radio)对象
属性
name NAME属性的字符串值.
length radio对象中单选按钮的个数.
value VALUE属性的字符串值.
checked 布尔值,按下为true,否则为false .
defaultChecked 反映CHECKED属性值的布尔值.

方法
click() 选定单选按钮.

事件处理器
onClick 当单选按钮被选定时执行.

select对象
属性
length select对象中对象的个数.
name 由NAME=属性定义的select对象的内部名.
selectedIndex select对象中当前被选option的下标.
options 该属性对应于在HTML中定义select对象时标记中的内容,它有如下属性:
text 标记后的文本串.
value VALUE属性的值,当Submit按钮被按下时,该值被提交.
defaultSelected 反映标记的SELECTED属性的布尔值.
selected 反映option的当前选择状态的布尔值.

事件处理器
onFocus 当输入焦点进入域时执行.
onBlur 当域失去输入焦点时执行.
onChange 当域失去焦点且如果域的值相对于onFocus执行时有所改变,则执行onChange.

Button对象
表格中有三种类型按钮,由<INPUT>标记中的TYPE属性定义:
.submit (type="SUBMIT")
.reset (type="RESET")
.custom (type="BUTTON")
所有按钮对象都有如下成分:
属性
value VALUE属性的字符串值.
name NAME属性的字符串值.

方法
click() 选定按钮

事件处理器
onClick 当按钮被单击时执行.

submit和reset对象
属性
value VALUE=属性的内容.
name NAME=属性的内容.

方法
click() 选定按钮

事件处理器
onClick 当按钮被单击时执行.

password对象
属性
defaultValue VALUE=属性的内容.
name NAME=属性的内容.
value 目前输入password域的数据.

方法
focus() 将焦点带入password域.
blur 将焦点从password域移出.
select() 选定password域中的当前数据,以备修改.

navigator对象
该对象用于确定用户访问时使用的Navigator版本.
属性
appCodeName 相对于用户浏览器的"codename"
appName 相对于用户浏览器的实际名字.
appVersion 相对于用户浏览器的版本号.
userAgent 该属性反映用户浏览器的全部信息.

history对象
history.go(-1)，返回上一页

string对象
string对象为操作字符串的内容提供了很多方法.
属性
length 字符串的长度,即字符串中字符的个数.

方法
big(),blink(),bold(),fixed(),italics(),small(),sub(),strike(),sup(),fontColor(color),fontSize(size)
以上方法为字符串增加相应的HTML标记.
charAt(index) 返回字符串中index处的字符.
indexOf(searchValue,[fromIndex]) 该方法在字符串中寻找第一次出现的searchValue.如果给定了fromIndex,则从
字符串内该位置开始搜索,当searchValue找到后,返回该串第一个字符的位置.
lastIndexOf(searchValue,[fromIndex]) 从字符串的尾部向前搜索searchValue,并报告找到的第一个实例.
substring(indexA,indexB) 获取自indexA到indexB的子串.
toLowerCase(),toUpperCase() 将字符串中所有字符全部转换成大写,小写.

Date对象
要使用Date对象,必须先生成一个Date实例:
变量名=new Date();
方法
getDay(),getDate(),getHours(),getMinutes(),getMonth(),getSeconds(),getTime(),
getTimeZoneOffset(),getYear()
还有setDay... ...
toGMTString() 用GMT格式返回当前时间. (Sun,12 Feb 1999 14:19:22 GMT)
toLocaleString 用locale格式返回当前时间. (03/11/99 14:19:22)
parse(date) 将普通date字符串转换成豪秒形式,从而给setTime()做参数.

Math对象
属性
LN10 (10的自然对数)
PI (3.1415926...)
SQRT1_2 (1/2的平方根)
方法
abs(x) 返回x的绝对值
acos(x) 返回x的arc cosine值
asin(x) 返回x的arc sin值
atan(x) 返回x的arc tangent值
ceil(x) 返回大于等于x的最小整数
cos(x) 返回x的cosine值
exp(x) 返回e的x次方
floor(x) 返回小于等于x的最大整数
log(x) 返回x的
max(x,y) 返回x,y中的大值
min(x,y) 返回x,y中的小值
pow(x,y) 返回x的y次方
round(x) 舍入到最近整数,(小于或等于0.5小数舍去)
sin(x) 返回x的sin值
sqrt(x) 返回x的平方根
tan(x) 返回x的tangent值

javascript事件查询综合
click()    对象.click()    使对象被点击。
closed    对象.closed    对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式   更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize

event.clientX   返回最后一次点击鼠标X坐标值；
event.clientY   返回最后一次点击鼠标Y坐标值；
event.offsetX   返回当前鼠标悬停X坐标值
event.offsetY   返回当前鼠标悬停Y坐标值

document.write(document.lastModified)   网页最后一次更新时间
document.ondblclick=x   当双击鼠标产生事件
document.onmousedown=x   单击鼠标键产生事件

document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色
document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色
document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色
document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.onmousedown=x 单击鼠标触发事件
document.ondblclick=x 双击鼠标触发事件
defaultStatus window.status=defaultStatus; 将状态栏设置默认显示

function   function xx(){...}   定义函数
isNumeric                判断是否是数字
innerHTML   xx=对象.innerHTML   输入某对象标签中的html源代码
innerText   divid.innerText=xx   将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新，target可等于一个刷新的网页

Math.random()            随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数，舍取所有小数
Math.min(1,2)   返回1,2哪个小
Math.max(1,2)   返回1,2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志

onsubmit onsubmit="return(xx())" 使用函数返回值
opener opener.document.对象控制原打开窗体对象

prompt xx=window.prompt("提示信息","预定值"); 输入语句
parent parent.框架名.对象控制框架页面

return   return false    返回值
random    随机参数（0至1之间）
reset()    form.reset();    使form表单内的数据重置

split("") string.split("") 将string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据

String对象的   charAt(x)对象反回指定对象的第多少位的字母
        lastIndexOf("string") 从右到左询找指定字符，没有返回-1
        indexOf("string") 从左到右询找指定字符，没有返回-1
        LowerCase()   将对象全部转为小写
        UpperCase()   将对象全部转为大写
substring(0,5)   string.substring(x,x)   返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在
typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width   返回当前屏幕宽度(分辨率值)
window.screen.height   返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0)   将窗口设置宽高
window.moveTo(0,0)   将窗口移到某位置
window.focus()   使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标，y控制上下移动，须与函数配合
window.open()   window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变大小),   width(宽),height),fullscreen(全屏),scrollbars(全屏时无滚动条无参数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)

window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;

a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值两位数年份
y1=a.getFullYear(); //获取全年份数四位数年份
m=a.getMonth(); //获取月份值
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数

对象.style.fontSize="文字大小";
单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)

文本字体属性：
fontSize大小
family字体
color颜色
fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径

点击网页正文函数调用触发器：

1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值

直线           border-bottom:1x solid black
虚线           border-bottom:1x dotted black
点划线         border-bottom:2x dashed black
双线           border-bottom:5x double black
槽状           border-bottom:1x groove black
脊状           border-bottom:1x ridge black

1.边缘高光glow(color=颜色,strength=亮光大小)<br>
2.水平翻转fliph() 使对象水平翻转180度<br>
3.垂直翻转flipv() 使对象垂直翻转180度<br>
4.对象模糊blur(add=true/false direction=方向 strength=强度)
add指定是否按印象画派进行模糊direction模糊方向strength模糊强度
5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明，1为线型透明，2为圆型透明，3为矩形透明
6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明
7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)
8.去色gray()使对象呈灰度显示
9.负片效果invert()使对象呈底片效果
10.高光light()使对象呈黑色显示
11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次

opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要设置的渐变透明效果.0~100.
style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.
startx.starty表渐变透明效果的开始时X和Y坐标.
finishx,finishy渐变透明效果结束时x,y 的坐标.
add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否",1表"是".
direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.
strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.
color要透明的颜色.
offx,offy分别是x,y 方向阴影的偏移量.
positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..

AddAmbient:加入包围的光源.
AddCone:加入锥形光源.
AddPoint加入点光源
Changcolor:改变光的颜色．
Changstrength:改变光源的强度．
Clear:清除所有的光源．
MoveLight:移动光源．

freq是波纹的频率，在指定在对象上一区需要产生多少个完事的波纹．
lightstrength可对于波纹增强光影的效果．显著0~100正整数，正弦波开始位置是0~360度．0表从0度开始，25表从90度开始．
strength表振幅大小．

hand                           style="cursor:hand"
crosshair                      style="cursor:crosshair"
text                           style="cursor:text"
wait                           style="cursor:wait"
default                        style="cursor:default"
help                           style="cursor:help"
e-resize                       style="cursor:e-resize"
ne-resize                      style="cursor:ne-resize"
n-resize                       style="cursor:n-resize"
nw-resize                      style="cursor:nw-resize"
w-resize                       style="cursor:w-resize"
s-resize                       style="cursor:s-resize"
sw-resize                      style="cursor:sw-resize "
se-resize                      style="cursor:se-resize"
auto                           style="cursor:auto"

本文链接

博客园_Jack Dong .NET

x:Null 标记扩展

初识NuGet - 概念， 安装和使用

jQuery 实现一个简单的信息反馈或者信息收集的页面

将DataTable保存到数据库的数据表中

C# 泛型详解

简化自己的一个工程，共享给大家：Silverlight 做的Link Map

Silverlight 与 HTML 交互 一览

HTML元素(标签)大全及使用说明 （整）

DOM节点方法介绍

JavaScript对象、属性、事件手册查询 (整)

初识NuGet - 概念，安装和使用

Silverlight 与 HTML 交互一览

HTML元素(标签)大全及使用说明（整）