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

Javascript
用Javascript轻松制作抽奖系统
一个鼠标效果,代码简单易懂,效果不错的
JavaScript的目的
时钟显示在任意指定位置
浅谈在网页上显示日期的两种方法
设计干净的链接
动态CSS,换肤技术
说不清的 childNodes
innerHTML和innerText的使用方法
Web开发:Javascript是Web开发正确方向的一个错误吗?
JS特效代码:实现间歇无缝文字滚动特效
Javascript编程语言和DOM接口系列教程(1)
JS实例教程:用6N±1法求素数
Firefox的Jetpack扩展案例分析:Gmail邮件提醒
JS小游戏实例:2D桌面台球
JS实例教程:制作图片放大特效
用Ant构建JavaScript组件
JavaScript组件:编码实现和算法
JS教程:制作颜色梯度和渐变效果
JS编码技巧:翻译的14天JS编写技巧

Javascript 中的 图片之间的切换


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 129 ::
收藏到网摘: 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>