Web.UI 3.0 之 Rotator

　Rotator是一个十分实用的控件，它可以在页面上提供诸如滚动新闻、新闻公告、商品滚动展示等等功能，操作起来也十分方便。

  简单的例子： 按我

   还是先看看代码：   

Code:

<ComponentArt:Rotator id="Rotator2" runat="server" CssClass="Rotator" Width="390" Height="95" RotationType="SmoothScroll" ScrollInterval="10" SlidePause="3000" PauseOnMouseOver="true" XmlContentFile="news.xml">

<SlideTemplate>
<ComponentArt:Ticker id=TitleTicker runat="server" CharDelay="20" Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>'></ComponentArt:Ticker><br>
</SlideTemplate>

</ComponentArt:Rotator>

 

　　代码中，可以直接指定Css（CssClass="Rotator"），也可以直接指定数据源（如果是xml的话）（XmlContentFile="news.xml"），内容更换主要由SildePause来确定，单位是毫秒，效果设置为RotationType，里面有各种方式显示。

 

Code:

<ComponentArt:Rotator id="Rotator2" runat="server" CssClass="Rotator" Width="390" Height="95" RotationType="SmoothScroll" ScrollInterval="10" SlidePause="3000" PauseOnMouseOver="true" XmlContentFile="news.xml">

<SlideTemplate>
<ComponentArt:Ticker id=TitleTicker runat="server" CharDelay="20" Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>'></ComponentArt:Ticker><br>
</SlideTemplate>

</ComponentArt:Rotator>

 

　　代码中，可以直接指定Css（CssClass="Rotator"），也可以直接指定数据源（如果是xml的话）（XmlContentFile="news.xml"），内容更换主要由SildePause来确定，单位是毫秒，效果设置为RotationType，里面有各种方式显示。

 

Code:

<ComponentArt:Rotator id="Rotator2" runat="server" CssClass="Rotator" Width="390" Height="95" RotationType="SmoothScroll" ScrollInterval="10" SlidePause="3000" PauseOnMouseOver="true" XmlContentFile="news.xml">

<SlideTemplate>
<ComponentArt:Ticker id=TitleTicker runat="server" CharDelay="20" Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>'></ComponentArt:Ticker><br>
</SlideTemplate>

</ComponentArt:Rotator>

 

　　代码中，可以直接指定Css（CssClass="Rotator"），也可以直接指定数据源（如果是xml的话）（XmlContentFile="news.xml"），内容更换主要由SildePause来确定，单位是毫秒，效果设置为RotationType，里面有各种方式显示。