📄 animation.aspx
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Animation.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>无标题页</title>
<%-- <script type="text/javascript">
function Cover(bottom,top)
{
var location = Sys.UI.DomElement.getLocation(bottom);
top.style.position = 'absolute';
top.style.top=location.y+'px';
top.style.left=location.x+'px';
top.style.height=bottom.offsetHeight+'px';
top.style.width=bottom.offsetWidth+'px';
}
</script>--%>
</head>
<body style="width: 10px; height: 10px" id="close">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Button ID="Button1" runat="server" OnClientClick="return false" Text="cool弹出" /><br />
<div id="flyout" style="border-right: #d0d0d0 1px solid; border-top: #d0d0d0 1px solid;
display: none; z-index: 2; border-left: #d0d0d0 1px solid; width: 250px; border-bottom: #d0d0d0 1px solid;
background-color: #ffffff">
</div>
<br />
<div id="info" style="width: 218px; height: 135px;filter: progid:dximagetransform.microsoft.alpha(opacity=50); border-right: #ff99ff thin solid; border-top: #ff99ff thin solid; display: none; border-left: #ff99ff thin solid; border-bottom: #ff99ff thin solid; background-color: mintcream;">
<div id="btnCloseParent" style="float: right; width: 15px; height: 10px; background-color: whitesmoke">
<asp:LinkButton ID="LinkButton3" runat="server" ForeColor="Red" OnClientClick="return false">X</asp:LinkButton></div>
<br />
<br />
<br />
<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="return false">A</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="return false">B</asp:LinkButton></div>
<cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Button1">
<Animations>
<OnClick>
<Sequence>
<EnableAction Enabled="false" />
<ScriptAction Script="Cover($get('Button1'),$get('info'));" />
<StyleAction AnimationTarget="info" Attribute="display" Value="block" />
<Parallel AnimationTarget="info" Duration=".3" Fps="25">
<Move Horizontal="166" Vertical="-50" />
<Resize Width="166" Height="183" />
<Color PropertyKey="backgroundColor" StartValue="#AAAAAA" EndValue="#FFFFFF" />
</Parallel>
<%-- <ScriptAction Script="Cover($get('flyout'),$get('info'));" />
<StyleAction AnimationTarget="info" Attribute="display" Value="block" />
<FadeIn AnimationTarget="info" Duration=".3" />
<StyleAction AnimationTarget="flyout" Attribute="display" Value="none" />
<Parallel AnimationTarget="info" Duration=".5">
<Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" />
<Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />
</Parallel>
<Parallel AnimationTarget="info" Duration=".5">
<Color PropertyKey="color" StartValue="#FF0000" EndValue="#666666" />
<Color PropertyKey="borderColor" StartValue="#FF0000" EndValue="#666666" />
<FadeIn AnimationTarget="btnCloseParent" MaxinumOpacity=".5" />
</Parallel>--%>
</Sequence>
</OnClick>
</Animations>
</cc1:AnimationExtender>
<cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="LinkButton3">
<Animations>
<OnClick>
<Sequence>
<FadeOut AnimationTarget="info" />
<EnableAction Animationtarget="Button1" Enabled="true" />
</Sequence>
</OnClick>
<%-- <OnMouseOver>
<Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" />
</OnMouseOver>
<OnMouseOut>
<Color Duration=".2" PropertyKey="color" StartValue="#FF0000" EndValue="#FFFFFF" />
</OnMouseOut>--%>
</Animations>
</cc1:AnimationExtender>
<asp:Panel ID="Panel1" runat="server" BackColor="#E0E0E0" BorderColor="#C0FFFF" BorderWidth="1px"
Height="81px" Width="163px">
A中的内容</asp:Panel>
<asp:Panel ID="Panel2" runat="server" BackColor="Cyan" BorderColor="#FFE0C0" BorderWidth="1px"
Height="66px" Width="162px">
B中的内容</asp:Panel>
<cc1:hovermenuextender id="HoverMenuExtender1" runat="server" popupcontrolid="Panel1"
popupposition="Bottom" targetcontrolid="LinkButton1"></cc1:hovermenuextender>
<cc1:hovermenuextender id="HoverMenuExtender2" runat="server" popupcontrolid="Panel2"
popupposition="Bottom" targetcontrolid="LinkButton2"></cc1:hovermenuextender>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -