开发学院网页设计 JavaScript 使用jQuery, CSS, JSON 和ASP.NET打造一个新闻轮换... 阅读

使用jQuery, CSS, JSON 和ASP.NET打造一个新闻轮换控件

　2010-01-08 00:00:00　来源：WEB开发网　　　

核心提示： 这个新闻滚动控件使用 jQuery Cycle 插件来旋转新闻插件，它是一个轻量级的幻灯片插件，使用jQuery, CSS, JSON 和ASP.NET打造一个新闻轮换控件(2)，在页面上，这个插件为开发者提供强大的旋转能力来轮转不同类型的HTML控件，在绑定之后，设置控件的样式，了解更多的

这个新闻滚动控件使用 jQuery Cycle 插件来旋转新闻插件，它是一个轻量级的幻灯片插件，在页面上，这个插件为开发者提供强大的旋转能力来轮转不同类型的HTML控件。了解更多的 jQuery Cycle 插件，点击这里。

你需要使用该控件：

1、引用必要的资源到你的HTML页面（.aspx页面）：

代码

2、在你的.aspx页面中注册和嵌入TopNews.ascx控件。

代码

<%@　Register　Src="~/TopNews.ascx"　TagName="TopNews"　TagPrefix="ctrl"　%> <body> 　　　　<form　id="form1"　runat="server"> 　　　　<div> 　　　　　　　　<ctrl:TopNews　runat="server"　id="TopNews1"　/> 　　　　</div> 　　　　</form> </body>

3、一开始控件通过调用DOM尾部的JavaScript 的TopNews() 函数。这个函数向服务端发送一个Ajax请求。得到JSON格式的新闻。然后将新闻绑定到控件上面。在绑定之后，设置控件的样式，接着滚动新闻。