📄 default.aspx
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var styleToSelect;
function onOk() {
$get('Paragraph1').className = styleToSelect;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<cc1:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server" TargetControlID="Button1" ConfirmText="确认输入吗？">
</cc1:ConfirmButtonExtender>
</ContentTemplate>
</asp:UpdatePanel>
<asp:TextBox ID="TextBox2" runat="server" Font-Bold="True" Width="575px"></asp:TextBox><br />
<asp:TextBox ID="TextBox3" runat="server" Width="575px"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox2"
WatermarkText="提示........">
</cc1:TextBoxWatermarkExtender>
<table style="width: 595px; height: 109px">
<tr>
<td>
<cc1:Accordion ID="Accordion1" runat="server" ContentCssClass="accordionContent" HeaderCssClass="accordionHeader" FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250">
<Panes>
<cc1:AccordionPane ID="AccordionPane1" runat="server">
<Header>
第一章
</Header>
<Content>
这里是第一章的故事：在很久很久以前，从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢？
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat="server">
<Header>
第二章
</Header>
<Content>
这里是第二章的故事：在很久很久以前，从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢？
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat="server">
<Header>
第三章
</Header>
<Content>
这里是第三章的故事：在很久很久以前，从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢？
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane4" runat="server">
<Header>
第四章
</Header>
<Content>
这里是第四章的故事：在很久很久以前，从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢？
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
从前有座山，山上有个庙，庙里有个和尚在讲故事，讲什么呢……
</Content>
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>
</td>
</tr>
</table>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1" Height="186px"
ScrollBars="Both">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
<ContentTemplate>
ssssssssssssssssssssssssssssssssss<br />
dfasddddddddddddddddd<br />
<asp:LinkButton ID="LinkButton1" runat="server">鼠标放上来就能看到HoverMenu啦！
</asp:LinkButton>
<asp:Panel ID="Panel1" runat="server" CssClass="panel" Height="84px" Width="129px">
<asp:LinkButton ID="LinkButton2" runat="server">长江一号</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton3" runat="server">长江二号</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton4" runat="server">长江三号</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton5" runat="server">长江四号</asp:LinkButton>
</asp:Panel>
<cc1:HoverMenuExtender ID="HoverMenuExtender1" OffsetX="10"
OffsetY="20"
PopDelay="1000"
runat="server" DynamicServicePath="" Enabled="True" PopupControlID="Panel1" TargetControlID="LinkButton1">
</cc1:HoverMenuExtender>
</ContentTemplate>
<HeaderTemplate>
ddddd
</HeaderTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
<ContentTemplate>
<asp:LinkButton ID="LinkButton6" runat="server">点击改改风格</asp:LinkButton> </p>
<p id="Paragraph1">
今天天气不错挺风和日丽的<br />
我们下午没有课这天气挺爽的 <br />
我一大中午早早的跑去上自习心里啄么着大学生活是多么美好啊 ……
</p>
<asp:Panel ID="Panel2" runat="server" Style="display: none">
<asp:Panel ID="Panel3" runat="server" CssClass="modalPopup" Width="309px">
<div>
<p>
请选择页面风格：</p>
<p>
<input type="radio" name="Radio" id="RadioA" checked="checked"
onclick="styleToSelect = 'sampleStyleA';" />
<label for="RadioA" class="sampleStyleA" style="padding: 3px;">风格样式一</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioB"
onclick="styleToSelect = 'sampleStyleB';" />
<label for="RadioB" class="sampleStyleB"
style="padding: 3px;">风格样式二</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioC"
onclick="styleToSelect = 'sampleStyleC';" />
<label for="RadioC" class="sampleStyleC"
style="padding: 3px;">风格样式三</label>
</p>
<p>
<input type="radio" name="Radio" id="RadioD"
onclick="styleToSelect = 'sampleStyleD';" />
<label for="RadioD" class="sampleStyleD"
style="padding: 3px;">
风格样式四
</label>
</p>
<p>
<label class="sampleStyleD" for="RadioD" style="padding-right: 3px; padding-left: 3px;
padding-bottom: 3px; padding-top: 3px">
<span style="font-size: 12pt"><span style=""><span style="color: #000000">
</span></span></span>
</label>
<asp:Button ID="OkButton" runat="server" Text="确定" OnClick="OkButton_Click" />
<asp:Button ID="CancelButton" runat="server" Text="取消" OnClick="CancelButton_Click" />
</p>
</div>
</asp:Panel>
</asp:Panel>
<asp:Label ID="Label2" runat="server" Text="Label" Width="115px"></asp:Label>
<br />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="LinkButton6" PopupControlID="Panel2" BackgroundCssClass="modalBackground"
OkControlID="OkButton"
OnOkScript="onOk()"
CancelControlID="CancelButton"
DropShadow="true"
Drag="true"
PopupDragHandleControlID="Panel3" >
</cc1:ModalPopupExtender>
</ContentTemplate>
<HeaderTemplate>
aaa
</HeaderTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3">
<ContentTemplate>
sssssssssssssssssssss<br />
aaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaa<br />
aaaaaaaaaaaaaaaaaaaaaaaa
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="TabPanel4">
<ContentTemplate>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="TextBox5" runat="server" ReadOnly="True"></asp:TextBox>
<asp:Image ID="Image1" runat="server" /><br />
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" CssClass="MyCalendar"
TargetControlID="TextBox4" Enabled="True">
</cc1:CalendarExtender>
<cc1:CalendarExtender ID="CalendarExtender2" runat="server" CssClass="MyCalendar"
Format="yyyy-MM-dd" PopupButtonID="Image1" TargetControlID="TextBox5" Enabled="True">
</cc1:CalendarExtender>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -