天天看点
返回

Ajax 控件之Accordion

Ajax 控件之Accordion

StyleSheet.css

    1. .accordionHeader
    2. {
    3.     border:1px solid #2F4F4F;
    4.     background-color:#A6D0E6;
    5.     font-family:微软雅黑;
    6.     font-size:16px;
    7.     font-weight:bold;
    8.     padding:5px;
    9.     margin-top:5px; 
    10. }
    11. .accordionContent
    12. {
    13.  border:1px dashed #2F4F4F;
    14.     background-color:#FFFEDF;
    15.     font-family:Arial;
    16.     border-top:none;
    17.     padding:5px;
    18.     padding-top:10px;
    19. }
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2. <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head runat="server">
  6.     <title>Untitled Page</title>
  7.     <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
  8. </head>
  9. <body>
  10.     <form id="form1" runat="server">
  11.         <asp:ScriptManager ID="ScriptManager1" runat="server" />
  12.         <cc1:Accordion ID="Accordion1" runat="server" Height="319px" 
  13.             style="text-align: center" Width="429px"  
  14.             HeaderCssClass ="accordionHeader"  ContentCssClass ="accordionContent" AutoSize ="Limit" BorderStyle ="Double" >
  15.             <Panes >
  16.                 <cc1:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" 
  17.                     HeaderCssClass="">
  18.                         <Header >
  19.                             <a href ="" onclick ="return false">我们这一代到底招谁惹谁了1</a>
  20.                         </Header>
  21.                         <Content >
  22.                             我们读小学的时候，读大学不要钱；<br /> 
  23.                             当我们读大学的时候，读小学不要钱； <br /> 
  24.                             我们还没能工作的时候，工作也是分配的； <br /> 
  25.                             我们可以工作的时候，撞得头破血流才勉强找份饿不死人的工作做；<br />  
  26.                             当我们不能挣钱的时候，房子是分配的； <br /> 
  27.                             当我们能挣钱的时候，却发现房子已经买不起了；<br /> 
  28.                         </Content>
  29.                     </cc1:AccordionPane>
  30.                 <cc1:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" 
  31.                     HeaderCssClass="" >
  32.                         <Header >
  33.                             我们这一代到底招谁惹谁了2
  34.                          </Header>
  35.                         <Content >
  36.                             当我们没有进入股市的时候,傻瓜都在赚钱； <br /> 
  37.                             当我们兴冲冲地闯进去的时候,才发现自己成了傻瓜； <br /> 
  38.                             当我们不到结婚的年龄的时候骑单车就能娶媳妇； <br /> 
  39.                             当我们到了结婚年龄的时候没有洋房汽车娶不了媳妇； <br /> 
  40.                             当我们没找对象的时候，姑娘们是讲心的； <br /> 
  41.                             当我们找对象的时候，姑娘们是讲金的  <br /> 
  42.                         </Content>
  43.                     </cc1:AccordionPane>
  44.                 <cc1:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass="" 
  45.                     HeaderCssClass="">
  46.                         <Header > 我们这一代到底招谁惹谁了3</Header>
  47.                         <Content >
  48.                             当我们不能挣钱的时候，房子是分配的； <br />
  49.                             当我们能挣钱的时候，却发现房子已经买不起了；<br /> 
  50.                             当我们没有进入股市的时候,傻瓜都在赚钱； <br />
  51.                             当我们兴冲冲地闯进去的时候,才发现自己成了傻瓜；<br /> 
  52.                             当我们不到结婚的年龄的时候骑单车就能娶媳妇；<br /> 
  53.                             当我们到了结婚年龄的时候没有洋房汽车娶不了媳妇；<br /> 
  54.                             当我们没找对象的时候，姑娘们是讲心的； <br />
  55.                             当我们找对象的时候，姑娘们是讲金的； <br />
  56.                             当我们没找工作的时候，小学生也能当领导的；<br /> 
  57.                             当我们找工作的时候，大学生也只能洗厕所的；<br /> 
  58.                             当我们没生娃的时候，别人是可以生一串的； <br />
  59.                             当我们要生娃的时候，谁都不许生多个的。 <br />
  60.                             我们这一代到底招谁惹谁了？<br />
  61.                         </Content>
  62.                     </cc1:AccordionPane>
  63.             </Panes>
  64.         </cc1:Accordion>
  65.     </form>
  66. </body>
  67. </html>
Ajax 学习之路 ajax server stylesheet 工作 border header
上一篇: silverlight ajax调用,基于RIA的AJAX和Silverlight研究与应用
下一篇: android8.1内核编译,fireflyAIO-3399J编译Android8.1固件简介

继续阅读