关于原生js获取的问题

<script>
var oBox = document.getElementById("box");(用这个方法是兼容的)
var aUl = document.getElementsByTagName("ul");//如果用oBox.getElementByTagName("ul")会有兼容性问题(IE6,7,8并不支持)
var aImg = aUl[1].getElementsByTagName("li");

var timer = play = null;
var i = index = 0;


function autoPlay ()
{
play = setInterval(function () {
index++;
index >= aImg.length && (index = 0);
show(index);


},2000);
}
autoPlay();//应用

//图片切换, 淡入淡出效果
function show (a)
{
index = a;
var alpha = 0;


clearInterval(timer);

for (i = 0; i < aImg.length; i++)
{
aImg[i].style.opacity = 0;
aImg[i].style.filter = "alpha(opacity=0)";
}

timer = setInterval(function () {
alpha += 2;
alpha > 100 && (alpha =100);
aImg[index].style.opacity = alpha / 100;
aImg[index].style.filter = "alpha(opacity = " + alpha + ")";
alpha == 100 && clearInterval(timer)
},20);
}


</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值