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

Javascript
颜色渐变效果
用户输入密码的强度
子父窗口之间的操作
破解Session cookie的方法
检测用户按键
[JS]点出统计器
js选择日期
本窗口将在秒后自动关闭
非常酷的有农历的日历挂历!
COOL而实用的动态效果
不错显示时间特效
设为首页,加入收藏
document对象execCommand的command参数介绍
超酷右下浮出广告窗口代码
两边静止的广告条
表单提交(插入效果)javascript
状态栏(status)特效
一个特帅的展示图片的js+css
打印/预览/设置的客户端代码
创建表格,并添加事件

Javascript 中的 图片之间的切换


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