android图片轮播序号,求一组详细的图片轮播HTML代码（图片下面标有图片序号，鼠标点击相应序号,播放所对应图片；鼠标点击图片时链接到相应页面） 和一些电子商务网站首页的广告差不多...

mpmcyiksc

2013.08.19

采纳率：55%    等级：12

已帮助：8396人

无标题文档

.bigon {

border:1px solid #D1D7DD;

color:#FFF;

background:#657A8B;

}

.bigoff {

border:1px solid #D1D7DD;

color:#204846;

background:#E8ECF0;

}

var nbb=0; var showNumbb = document.getElementById("numbb"); function Meabb(value){ nbb=value; setBgbb(value); playsbb(value); consbb(value); } function setBgbb(value){ for(var i=0;i<4;i++) if(value==i){ showNumbb.getElementsByTagName("td")[i].className='bigon'; } else{ showNumbb.getElementsByTagName("td")[i].className='bigoff'; } } function playsbb(value){ try { with (fcbb)//这个是图片部分的div的id { filters[0].Apply(); for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; filters[0].play(); } } catch(e) { var divlist = document.getElementById("fcbb").getElementsByTagName("div"); for(i=0;i<4;i++) { i==value?divlist[i].style.display="block":divlist[i].style.display="none"; } } } function consbb(value){ try { with (conbb)//conbb这个是图片标题description div的id { for(i=0;i<4;i++)i==value?children[i].style.display="block":children[i].style.display="none"; } } catch(e) { var divlist = document.getElementById("conbb").getElementsByTagName("div"); for(i=0;i<4;i++) { i==value?divlist[i].style.display="block":divlist[i].style.display="none"; } } } function clearAutobb(){clearInterval(autoStartbb)} function setAutobb(){autoStartbb=setInterval("autobb()", 400)} function autobb(){ nbb++; if(nbb>4)nbb=0; Meabb(nbb); } setAutobb();

00分享举报