设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 图形图像 > 详细内容
形式多变的图片导航
发布时间:2010-3-16  阅读次数:8509  字体大小: 【】 【】【

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|--- 形式多变的图片导航</title>
</head>

<body>

<script language=JavaScript>
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
//修改下面的图片地址和相应的链接地址
bannerAD[0]="images/flag.gif";
bannerADlink[0]="#";
bannerAD[1]="images/developer.gif";
bannerADlink[1]="#";
bannerAD[2]="images/love.gif";
bannerADlink[2]="#";
bannerAD[3]="images/e.jpg";
bannerADlink[3]="#";
bannerAD[4]="images/flag.gif";
bannerADlink[4]="#";
bannerAD[5]="images/shu.gif";
bannerADlink[5]="#";

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()", 5000);<!--改5000数值变图片轮显速度-->}

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;
}

//-->
</script>

<A onmouseover="displayStatusMsg();return document.returnValue"
href="javascript:jump2url()"><IMG
style="FILTER: revealTrans(duration=2,transition=20)" height=66
src="images/shu.gif" width=400 border=1
name=bannerADrotator>
</A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>


</body>

</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮