鼠标点击后更换背景

时间：2024年02月08日

来源：网络

编辑：佚名

复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>绝对经典的滑轮新闻显示(javascript+css)</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">

</style>
</HEAD>
<BODY>
<DIV id="cntR">
<DIV id="NewsTop">
<DIV id="NewsTop_tit">
<P class="topTit">新闻排行</P>
<P class="topC0">国内</P>
<P class="topC0">国际</P>
<P class="topC0">社会</P>
<P class="topC0">网评</P>
</DIV>

<SCRIPT>
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p'); var len=Tags.length;
var flag=1;//修改默认值
for(i=1;i<len;i++){
Tags[i].value = i;
Tags[i].onclick=function(){changeNav(this.value)};
}
Tags[flag].className='topC1'; function changeNav(v){
Tags[flag].className='topC0'; flag=v;
Tags[v].className='topC1';
}
</SCRIPT>
</DIV>
</DIV>
</BODY></HTML>

新闻资讯更多

猜你需要