📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="radr" Namespace="Telerik.WebControls" Assembly="RadRotator" %>
<%@ Page AutoEventWireup="false" Inherits="QuickStart.Rotator.Examples.Functionality.ManualScroll.DefaultCS" CodeBehind="DefaultCS.aspx.cs" Language="C#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:HeadTag runat="server" ID="Headtag1"></telerik:HeadTag>
<link rel="stylesheet" type="text/css" href="Styles.css"/>
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:Header NavigationLanguage="CS" id="Header1" runat="server"></telerik:Header>
<div style="WIDTH: 90%">
<br/>
<div class="albumContainer">
<div class="album">
<div class="albumPages">
<!-- images slides begin -->
<div class="leftPane">
<radR:RadRotator CustomTransitionFilter="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=0,motion=reverse)" AutoAdvance="false" id="Rotator1" height="64px" width="121px" runat="server" ContentFile="album1.xml">
<FrameTemplate>
<img src="Images/<%# DataBinder.Eval(Container.DataItem, "FileName") %>" style="border:0px" title="" alt="" height="64" width="121" />
</FrameTemplate>
</radR:RadRotator>
</div>
<div class="rightPane">
<radR:RadRotator TransitionEffect="gradientwipe" AutoAdvance="false" id="Rotator2" height="64px" width="121px" runat="server" ContentFile="album.xml">
<FrameTemplate>
<img src="Images/<%# DataBinder.Eval(Container.DataItem, "FileName") %>" style="border:0px" title="" alt="" height="64" width="121" />
</FrameTemplate>
</radR:RadRotator>
</div>
<!-- images slides end -->
</div>
</div>
<div class="albumNavigation">
<img id="img_prev" src="Images/previous.gif" title="Previous Image" alt="Previous Image" style="border:0px; float: left;" height="16" width="73" class="navigationBtn" />
<img id="img_next" src="Images/next.gif" title="Next Image" alt="Previous Image" style="border:0px; float: right;" height="16" width="45" class="navigationBtn" />
</div>
<script type="text/javascript">
document.getElementById("img_prev").onclick = function() {Rotator1.ShowPrevFrame();Rotator2.ShowPrevFrame();}
document.getElementById("img_next").onclick = function() {Rotator1.ShowNextFrame();Rotator2.ShowNextFrame();}
</script>
</div>
</div>
<telerik:Footer id="Footer1" runat="server"></telerik:Footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -