一
<SCRIPT LANGUAGE="JavaScript">
<!--
// BannerAD
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="images/banner1.gif";
bannerADlink[0]="http://bbs.magicbug.3322.org";
bannerAD[1]="images/banner2.gif";
bannerADlink[1]="http://bbs.magicbug.3322.org";
bannerAD[2]="images/banner3.gif";
bannerADlink[2]="http://bbs.magicbug.3322.org";
bannerAD[3]="images/banner4.gif";
bannerADlink[3]="http://bbs.magicbug.3322.org";
var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 10000);
}
function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
…………
<bannerad><a href="javascript:jump2url()" onMouseOut="window.status=''" onMouseOver="displayStatusMsg();return document.returnValue"><img src="images/banner1.gif" alt="交流考试经验、考试随感,公务员考试在线论坛欢迎你!" name="bannerADrotator" width="333" height="43" border=0 style="filter:revealTrans(duration=2,transition=20)"></a>
<script language="JavaScript">nextAd()</script>
</bannerad>
二
<SCRIPT LANGUAGE="JavaScript">
// 设置轮番显示速度 Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2500;
// 匀滑转换时间 Duration of crossfade (seconds)
var crossFadeDuration = 3;
// 指定图像文件 Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://bbs.51js.com/images/51js.gif'
Pic[1] = 'http://bbs.51js.com/attachment.php?aid=3665&checkid=ede78'
Pic[2] = 'http://bbs.51js.com/images/default/logo.gif'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
</script>
<body bgcolor="#efefef" topmargin="0" leftmargin="0" onLoad="runSlideShow()">
<table border="0" width="500" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" id=VU><img src="http://bbs.51js.com/images/51js.gif" name='SlideShow' width=500 height=150 border=0></td>
</tr>
</table>
分享到:
相关推荐
"彬彬随机banner1.0"是一个用于在线管理随机广告显示的系统,它可能是网站或者应用程序的一个组件,旨在提供多样化的广告展示效果,提高用户体验,同时帮助广告主更有效地分配和展示广告资源。这个系统可能包含多种...
"随机显示BANNER代码"是一个常见的功能,它可以使网站或应用每次加载时从一组预设的BANNER中随机选择一个进行展示,增加视觉新鲜感,避免用户对单一BANNER产生疲劳。 实现这一功能涉及到的知识点主要包括以下几个...
js 特效 html 特效 随机出现banner js 特效 html 特效 随机出现banner
在网页设计中,为了提升用户体验和保持页面的新鲜感,经常使用随机显示图片的技术来作为Banner展示。这种技术尤其适用于网站的首页或者重要的模块,它可以让用户每次访问时看到不同的图片,增加互动性和视觉吸引力。...
"Banner随机显示"功能是指网站上的Banner能够根据预设规则以随机的方式展示,增加了用户每次访问时的新鲜感和互动性。这个功能在新闻发布类网站中尤其常见,因为它们经常需要更新和推广各种新闻故事或专题。下面我们...
网站banner随机切换的asp代码
在本案例中,"JS图片banner自动切换效果代码"指的是使用JavaScript来创建一个轮播图,即在网页上展示一组图片,并能自动按照设定的时间间隔进行切换,同时支持文字在图片上的动态显示。 **1. 图片轮播基础** 轮播图...
要功能: Banner随即显示程序, 无需ISS支持 无需数据库支持 Cookie记录点击,准确、高速 在线管理广告,立即更新 广告显示、点击统计报告 支持Banner Web上传 支持flash以及广告条 详细说明看readme.txt
"random-banner"项目就是一个典型的例子,它为应用程序带来了一种新颖的启动体验——每次启动时都会显示一个随机选择的ASCII横幅。这个特性使得应用的启动过程变得生动有趣,增强了用户体验。 ASCII艺术是一种使用...
《jQuery Nivo Slider图片不规则随机切换效果解析与应用》 在网页设计中,动态的图片展示能够吸引用户的注意力,提升用户体验。其中,jQuery Nivo Slider是一款广泛应用的JavaScript插件,它提供了丰富的图片轮播...
可用于论坛个人头像随机显示,也可用于网站Banner的随机显示。 程序功能: 1,图片命名无任何限制 2,支持无限张图片随机显示 3,图片可打水印 4,完美解决ASP.Net重新生成图片失真的难题 5,可自定义字体大小...
这个标题暗示我们将会探讨一个关于网页横幅(Banner)的交互效果,其中包含了图片在切换时的特殊动画——随机散开,然后再平滑过渡到下一张图片。这种效果能提升用户体验,使网站更具视觉吸引力。 "banner切换"通常...
本文将深入探讨“超炫的banner图特效”这一主题,它结合了3D、HTML5以及随机特效,为用户带来极具吸引力的交互体验。然而,值得注意的是,这些特效可能不支持IE8及以下版本的浏览器。 首先,我们来理解“轮播图特效...
***后台管理添加**** 7、打开“风格界面模版总管理”的 “分页面模板(page_admin)”的“界面风格”设置页 在template.html(0)中最后添加: ||插件管理@@<a href=banner.asp target=main>随机广告...
随机显示图片程序(.net),可用于论坛个人头像随机显示,也可用于网站Banner的随机显示。 程序功能: 1.图片命名无任何限制 2.支持无限张图片随机显示 3.图片可打水印 4.完美解决ASP.Net重新生成图片失真的...
WordPress随机横幅WordPress插件为用户提供了高度的灵活性,可以随机显示横幅广告通过此插件,管理员可以,*管理员可以上传10个横幅或横幅链接*易于为每个横幅添加单独的链接,以便用户单击链接将打开*横幅将根据在...
程序的核心在于随机选取并显示目录中符合命名规则(以"banner"开头)的GIF文件。安装步骤包括: 1. 将`banner.php`和所有广告图片放入同一目录。 2. 在目标网页HTML代码中,引用这个PHP脚本,以`<img>`标签形式展示...
标题“随机广告条显示(HTML经典用例)”和描述中提到的是一个JavaScript代码示例,用于在HTML网页中实现广告条的随机展示。这个案例主要涉及HTML基础、JavaScript语言以及网页制作的一些基本概念。以下是对这些知识点...
如`pause`和`resume`控制暂停和恢复轮播,`before`和`after`回调函数可以在切换前后执行自定义逻辑,`easing`可以设置动画缓动函数,`random`可以使切换顺序随机等。开发者可以根据实际需求灵活调整这些参数,以实现...
2. "132689926596198023":这个文件名看起来像是随机生成的,可能是JavaScript脚本文件或者CSS样式文件,用于实现滑动切换效果的具体逻辑。具体而言,如果是JavaScript文件,它可能包含了定时器、动画函数、事件监听...