摘自百度的图片轮换效果代码

ttx9n · 发表于 2007-11-19 22:23:59

这是一个网页设计中经常会用到的图片特效，实现多个图片之间的轮换，并分别带有连接，以前的代码只能适用于IE，在FF下始终没有得到很好的解决，今天意外的在百度联盟首页上看到这样的效果，支持FF，收藏起来备用。

var imgwidth = 550;//图片宽度 
var imgheight = 134;//图片宽度

//修改点1：循环添加内层div内容以增加个数 
str += "1234"; 
str += "<b>" + tits[1] + "</b>"; 
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 = "<b>" + tits[id] + "</b>"; 
curid = lastid = id; 
}

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); 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

qq303604905 · 发表于 2023-5-21 16:57:56

66666666666666666666

nwk53kbd · 发表于 2023-6-10 09:17:08

啊，数码撒飒飒飒飒

ki9ku6 · 发表于 2023-9-4 12:26:12

天天源码社区www.tiantianym.com

vir5051 · 发表于 2024-3-30 19:33:21

可以，看卡巴

nwk53kbd · 发表于 2024-4-26 23:33:14

的沙发水电费水电费

789456 · 发表于 2024-5-16 19:04:08

挺不错的东西

bp5jgbcnt · 发表于 2024-5-27 16:56:40

强烈支持楼主ing……

gc4hg · 发表于 2024-6-7 20:31:41

我要金豆金豆金豆

dm00ji1s · 发表于 2024-7-14 09:29:17

hi哦和烦恼农家女

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 摘自百度的图片轮换效果代码

相关帖子