图片之间的切换


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 相关文章推荐
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
基于jquery &amp; json的省市区联动代码
Jun 26 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
May 11 Javascript
js+css实现回到顶部按钮(back to top)
Mar 02 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
JS判断非空至少输入两个字符的简单实现方法
Jun 23 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 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
星际争霸秘籍
2020/03/04 星际争霸
深入php数据采集的详解
2013/06/02 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
require.js的用法详解
2015/10/20 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
jquery+CSS3实现3D拖拽相册效果
2016/07/18 Javascript
微信小程序  checkbox组件详解及简单实例
2017/01/10 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
React Router V4使用指南(精讲)
2018/09/17 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
vue+elementUI实现表单和图片上传及验证功能示例
2019/05/14 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
python中尾递归用法实例详解
2015/04/28 Python
Python中内置的日志模块logging用法详解
2016/07/12 Python
详解python3中zipfile模块用法
2018/06/18 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
深入浅析python的第三方库pandas
2020/02/13 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
在校学生职业规划范文
2014/01/08 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
质量保证书怎么写
2015/02/27 职场文书
解析redis hash应用场景和常用命令
2021/08/04 Redis