繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 图片之间的切换
- Javascript
- ExtJS 2.0实用简明教程 之ExtJS版的Hello
- ExtJS 2.0 实用简明教程之布局概述
- ExtJS 2.0实用简明教程之应用ExtJS
- ExtJS 2.0实用简明教程 之获得ExtJS
- javascript 扫雷游戏
- ExtJS 2.2.1的grid控件在ie6中的显示问题
- jquery-1.2.6得到焦点与失去焦点的写法
- 一组JS创建和操作表格的函数集合
- extjs fckeditor集成代码
- jquery 实现京东商城、凡客商城的图片放大效果
- jQuery 技巧大全(新手入门篇)
- JavaScript设置FieldSet展开与收缩
- event.keyCode键码值表 附只能输入特定的字符串代码
- js 图片缩放特效代码
- jquery(1.3.2) 高亮选中图片边框
- js 使用方法与函数 总结
- Js 本页面传值实现代码
- javascript获取div的内容 精华篇
- innerText innerHTML的用法以及注意事项 [推荐]
- jquery 圆角遮罩图片实现图片圆角
Javascript 中的 图片之间的切换
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 153 ::
收藏到网摘: 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>
评论 (0) All
