<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>利用TreeView控件导航图像</title>
    <style type="text/css">
        .style1
        {
            font-size: x-large;
            color: #008000;
            font-weight: bold;
            font-family: 华文行楷;
        }
        .style2
        {
            width: 159px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <table align="center" style="width: 450px; height: 279px;">
            <tr>
                <td align="center" colspan ="2" class="style1">
                    利用TreeView控件导航图像</td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:TreeView ID="TreeView1" runat="server" Height="210px" 
                        onselectednodechanged="TreeView1_SelectedNodeChanged" Width="216px">
                        <Nodes>
                            <asp:TreeNode Text="图像和动画集" Value="图像和动画集">
                                <asp:TreeNode Text="图像" Value="图像">
                                    <asp:TreeNode Text="绿叶" Value="绿叶"></asp:TreeNode>
                                    <asp:TreeNode Text="红花" Value="红花"></asp:TreeNode>
                                </asp:TreeNode>
                                <asp:TreeNode Text="喜庆动画" Value="喜庆动画">
                                    <asp:TreeNode Text="春节快乐" Value="春节快乐"></asp:TreeNode>
                                    <asp:TreeNode Text="舞狮" Value="舞狮"></asp:TreeNode>
                                </asp:TreeNode>
                                <asp:TreeNode Text="人物动画" Value="人物动画">
                                    <asp:TreeNode Text="圣诞老人" Value="圣诞老人"></asp:TreeNode>
                                    <asp:TreeNode Text="卡通人物" Value="卡通人物"></asp:TreeNode>
                                    <asp:TreeNode Text="跳舞的女孩" Value="跳舞的女孩"></asp:TreeNode>
                                </asp:TreeNode>
                            </asp:TreeNode>
                        </Nodes>
                    </asp:TreeView>
                </td>
                <td>
                    <asp:Image ID="Image1" runat="server" Height="235px" ImageUrl="~/01.JPG" 
                        Width="271px" />
                </td>
            </tr>

        </table>
    
    </div>
    </form>
</body>
</html>
