Asp.net中的AdRotator是一个非常有用的随机显示广告的控件,不足的地方是,每次用户刷心页面,广告随机一次,哪有没有办法页面不刷新,广告每隔一段时间自动翻转呢?答案是肯定的,而且用jquery 很容易实现,接下来我们看一下如何来实现以上说的效果。
1. 建立ad.xml文件作为AdRotato控件的数据源
此文件放在app_data目录下:
<Advertisements>
<Ad>
<ImageUrl>/images/ad/1.png</ImageUrl>
<NavigateUrl>http://www.microsoft.com</NavigateUrl>
<AlternateText>Microsoft.com</AlternateText>
<Keyword>Computers</Keyword>
<Impressions>80</Impressions>
</Ad>
<Ad>
<ImageUrl>/images/ad/2.png</ImageUrl>
<NavigateUrl>http://www.microsoft.com</NavigateUrl>
<AlternateText>Microsoft.com</AlternateText>
<Keyword>Computers</Keyword>
<Impressions>80</Impressions>
</Ad>
<Ad>
<ImageUrl>/images/ad/3.png</ImageUrl>
<NavigateUrl>http://www.microsoft.com</NavigateUrl>
<AlternateText>Microsoft.com</AlternateText>
<Keyword>Computers</Keyword>
<Impressions>80</Impressions>
</Ad>
</Advertisements>
2. 新建asp.net页面,在页面中放入AdRotator控件,并设置其数据源
<asp:AdRotator ID="AdRotator1" runat="server" AdvertisementFile="~/App_Data/ad.xml" />
3. 利用jquery实现无刷新变换
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
setInterval(function () {
$("#AdRotator1").load(location.href + " #AdRotator1", "" + Math.random() + "");
}, 3000);
});
</script>
分析:
在以上代码中我们使用了setInterval function,也调用了jQuery load() api,以达到每3秒钟更新一次数据。
4. 效果图
略
注意:此种方法虽然解决了无刷新变换图片,但是效果没有flash好,变换的动作过于生硬
分享到:
相关推荐
AdRotator 控件是 ASP.NET 中的一个广告控件,用于在网页上显示广告图片。该控件可以从 XML 文件或数据绑定的数据源中随机显示一个图片。广告文件是一个 XML 文件,它包含了 AdRotator 控件显示的与广告有关的信息。...
Adrotator的使用.txt
AdRotator控件的使用案例,我刚开始学的时候,这个问题困扰了我很久
AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅AdRotator 广告条幅...
天轰穿系列教程之-34广告控件Adrotator天轰穿系列教程之-34广告控件Adrotator天轰穿系列教程之-34广告控件Adrotator天轰穿系列教程之-34广告控件Adrotator天轰穿系列教程之-34广告控件Adrotator天轰穿系列教程之-34...
内容索引:.NET源码,其它类别,AdRotator,控件,随机 利用AdRotator控件随机显示广告图像,并显示图片的标题信息,6 秒后自动刷新至下一张图片,与流行的图片切换相似,但是实现的原理却差别较大,如上图所示,ASP新手...
广告 控件 Adrotator,好东西和大家分享
ASP.NET中的AdRotator控件即广告控件的使用示例代码.zip
WEB开发 之 ASP AdRotator 组件.docx
如何使用adrotator在您的网站中添加横幅和幻灯片显示
ASP.NET+VS2005+C#开发,进行falsh的动态滚动浏览,类似Image图片浏览控件,falsh可以存储在数据库中!
广告控件是asp.net中一个独有的东西,他可以利用asp.net来生成广告控件所需的xml文档,然后再利用AdRotator来调用广告xml文件,根据我们的参考进行显示
Ad Rotator Widget control for BlogEngine.NET
本文实例讲述了ASP.NET的广告控件AdRotator用法。分享给大家供大家参考,具体如下: AdPotator控件常用于在页面上显示广告。它从列表中随机显示一个图片,这个列表可以是存储在单独的XML文件或者数据绑定的数据源中...
支持图片和flash的广告控件,重写Adrotator
该项目面向使用Flash的Asp.NET adRotator组件所需的所有对象。
本系列教程的课程安排参考了多本.net 1.1以及在目前的2.0新书的基础上认真编订。不敢夸口本系列多了不起,但至少敢保证你看完本系列,再做完每个小结的测试,你入门是绝对没有问题的!做一个简单的网站是绝对可以的!...
技术蛋糕..快来瓜分