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

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

    这个新闻轮换控件能在网页上的同一个地方显示几条新闻。新闻被拆开几页,为了放置在一个指定的区域。每一页也能包含一对新闻列表。 通过点击底部的页码,能够在不同的页面之间导航,点击页的每个新闻项,就能查看新闻的详细信息。新闻能像幻灯片一样去查看。它提供自动切换下一个(幻灯片)功能,以及过渡的样式。

使用JQuery为了:

    1、对web server进行JQuery Ajax Request请求,得到JSON格式新闻
    2、绑定数据(JSON格式的新闻)到HTML控件
    3、在数据binding之后设置控件的样式
    4、新闻之间的导航
    5、用户交互
    6、改变和设置样式
    7、实现javascript的效果

    新闻滚动控件使用ASP.NET从新闻存储(例如数据库,xml文件,rss,…)汇集新闻。将它转化成指定类型(NewsItem)。 然后将newsItem对象的集合转化成JSON格式的数据,作为新闻的数据来源发送到客户端。

    这个控件使用开源的Json.NET类库,它使JSON格式的数据在.NET中使用更加的方便。这个类库的关键的功能包括一个灵活的JSON序列化,能快速的将.net类转换成JSON ,将JSON转换成.net类。了解更多的Json.NET类库(代码。示例,和文档),点击这里

    新闻轮换控件主要使用 jQuery Image Rotator sample的思想。  通过Soh Tanaka 的描述,你能找到更多的关于如何去构造一个滚动的图片效果。

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

你需要使用该控件:
1、引用必要的资源到你的HTML页面(.aspx页面):

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

SSL检测评估

快速了解HTTPS网站安全情况。

安全评级(A+、A、A-…)、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。

SSL证书工具

安装部署SSL证书变得更方便。

SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。

SSL漏洞检测

让服务器远离SSL证书漏洞侵扰

TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。

原文链接:https://www.cnblogs.com/zhuqil/archive/2010/01/03/1638276.html
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。

© 版权声明

相关文章