图片之间的切换


Posted in Javascript onJune 26, 2006

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

Javascript 相关文章推荐
JavaScript 数组的 uniq 方法
Jan 23 Javascript
jquery下组织javascript代码(js函数化)
Aug 25 Javascript
jquery中通过父级查找进行定位示例
Jun 28 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
js处理表格对table进行修饰
May 26 Javascript
JS实现简洁、全兼容的拖动层实例
May 13 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
Apr 25 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
超级强大的表单验证
Jun 26 #Javascript
Javascript调用XML制作连动下拉列表框
Jun 25 #Javascript
网页里控制图片大小的相关代码
Jun 25 #Javascript
如何取得中文输入的真实长度?
Jun 24 #Javascript
快速保存网页中所有图片的方法
Jun 23 #Javascript
网页常用特效代码整理
Jun 23 #Javascript
文本加密解密
Jun 23 #Javascript
You might like
php flush类输出缓冲剖析
2008/10/19 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
『PHP』PHP截断函数mb_substr()使用介绍
2013/04/22 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
JavaScript内核之基本概念
2011/10/21 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
js轮播图无缝滚动效果
2017/06/17 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
js实现碰撞检测
2021/01/29 Javascript
Python中endswith()函数的基本使用
2015/04/07 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
python安装mysql-python简明笔记(ubuntu环境)
2016/06/25 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
深入了解Django中间件及其方法
2019/07/26 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
Python turtle库的画笔控制说明
2020/06/28 Python
白兰氏健康Mall:BRAND’S
2017/11/13 全球购物
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
就职演讲稿范文
2014/05/19 职场文书
爱心助学感谢信
2015/01/21 职场文书
MySQL如何构建数据表索引
2021/05/13 MySQL