시간 간격으로 내용 변환 효과

 

<script>
var xzKP=setInterval(zidongxuanze,10000);
var xzNow=0;

function KPxuanze(xuanxiang){
document.getElementById("xuanze1").className="meixuanzhong";
document.getElementById("xuanze2").className="meixuanzhong";
document.getElementById("xuanze3").className="meixuanzhong";

document.getElementById("KPtuijian1").className="KPtjHide";
document.getElementById("KPtuijian2").className="KPtjHide";
document.getElementById("KPtuijian3").className="KPtjHide";

document.getElementById("xuanze"+xuanxiang).className="xuanzhong";
document.getElementById("KPtuijian"+xuanxiang).className="KPtjShow";

}

function zidongxuanze(){
xzNow++;
if(xzNow>3){xzNow=1};
KPxuanze(xzNow);
}
</script>

<div id="kpxuanze" style="line-height:12px;"><span id="xuanze1" class="xuanzhong" onMouseOver="KPxuanze(1)"> </span><span id="xuanze2" class="meixuanzhong"  onMouseOver="KPxuanze(2)"> </span><span id="xuanze3" class="meixuanzhong"  onMouseOver="KPxuanze(3)">VIP</span></div>

<div id="KPtuijian1" class="KPtjShow">

<div class="KPtu" style="clear:left">
<a target="_blank" href="http://v.ifeng.com/special/nahaizhengduan/index.shtml"><img src="http://img.ifeng.com/tres/itv/dmalaixiya140105.jpg"></img>
 </a>
</div>

</div>


 






<div id="KPtuijian2" class="KPtjHide">

<div class="KPtu" style="clear:left">
<a target="_blank" href="http://v.ifeng.com/v/his/20080903/1898/index.shtml#925a9032-7e33-4780-900f-98c87195e55c"><img src="http://img.ifeng.com/tres/itv/ci100517.jpg"></img>
 </a>
</div>

</div>







<div id="KPtuijian3" class="KPtjHide">


<div class="KPtu" style="clear:left">
<a target="_blank" href="http://vip.v.ifeng.com/news/tianxiabeiwangluo/201005/8c5469d4-9299-424a-b330-7d7c9fc95318detail.shtml"><img src="http://entimg.ifeng.com/attachments/2010/05/09/d510d0151515cb1cb4638d7f512e4213.jpg"></img>
 </a>
</div>



</div>