这是一个网页设计中经常会用到的图片特效，实现多个图片之间的轮换，并分别带有连接，以前的代码只能适用于ie，在ff下始终没有得到很好的解决，今天意外的在百度联盟首页上看到这样的效果，支持ff，收藏起来备用。
; //修改点1：循环添加内层div内容以增加个数 str += 1
2
3
4
; str += + tits[1] +
; str += ; document.write(str); var oi = document.getelementbyid(dimg); var pause = false; var curid = 1; var lastid = 1; var sw = 1; var opacity = 100; var speed = 15; var delay = (document.all)? 400:700; function setalpha(){ if(document.all){ if(oi.filters && oi.filters.alpha) oi.filters.alpha.opacity = opacity; }else{ oi.style.mozopacity = ((opacity >= 100)? 99:opacity) / 100; } } function imgswitch(id, p){ if(p){ pause = true; opacity = 100; setalpha(); } oi.src = imgs[id].src; document.getelementbyid(dlink).href = links[id]; document.getelementbyid(it + lastid).classname = off; document.getelementbyid(it + id).classname = on; document.getelementbyid(titnv).innerhtml = + tits[id] + ; curid = lastid = id; } function scrollimg(){ if(pause && opacity >= 100) return; if(sw == 0){ opacity += 2; if(opacity > delay){ opacity = 100; sw = 1; } } if(sw == 1){ opacity -= 3; if(opacity 4) curid = 1; imgswitch(curid, false); } function pause(s){ pause = s; } function startscroll(){ setinterval(scrollimg, speed); } function checkload(){ if (imgs[1].complete == true && imgs[2].complete == true) { clearinterval(checkid); settimeout(startscroll, 2000); } } var checkid = setinterval(checkload, 10);
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]