当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 图片之间的切换

Javascript
地震发生中逃生十大法则
引用文章链接代码复制自动加链接功能
javascript用层模拟可移动的小窗口
模仿动画的放大缩小容器
li隔行换色效果代码升级版
li隔行换色改进版
弹出提示的效果代码
直接生成打开窗口代码,不必下载
yahoo首页伸缩效果代码
js模拟QQ窗口的抖动效果
Dom加载让图片加载完再执行的脚本代码
js下拉框里超过变成省略号
Javascript模块模式分析
用函数式编程技术编写优美的 JavaScript_ibm
比较不错的函数式JavaScript编程指南教程
javascript程序优化问题
认识延迟时间为0的setTimeout
JavaScript的9个陷阱及评点分析
显示服务器时间的在线时钟代码简单
js几个广告轮换广告代码

Javascript 中的 图片之间的切换


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 330 ::
收藏到网摘: n/a

<script language=JavaScript>
<!--
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
var jumpUrl="http://sports.tom.com/";

imgLink[1]="http://sports.tom.com/gnzt/2005yg/";
imgLink[2]="http://sports.tom.com/zhty/";


imgUrl[1]="http://img.sports.tom.com/img/assets/200509/050927071818sportsgnzt200592701.jpg";
imgUrl[2]="http://img.sports.tom.com/img/assets/200509/050927075953zt20050926107.jpg";

var imgPre=new Array();
var j=0;
for (i=1;i<=imgUrl.length-1;i++) {
if(imgLink[i]!="") {j++;}
else {break;}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if( key==0 ){key=1;}
else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
jumpUrl=imgLink[adNum];
theTimer=setTimeout("nextAd()", 7000);
}
function goUrl(){
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
//-->
</script>

<a href="javascript:goUrl()"><img style="FILTER:
revealTrans(duration=2,transition=6);border:1 solid black" src="javascript:nextAd()" width=300
border=0 name=imgInit height="210"></a>
</body>
</html>