suchen

Heim >Web-Frontend >js-Tutorial >JS实现切换标签页效果实例代码_javascript技巧

JS实现切换标签页效果实例代码_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 17:18:071254Durchsuche

在网页

区添加以下代码
复制代码 代码如下:



在网页区添加以下代码
复制代码 代码如下:

 
 
 

新闻排行

 

国内

 

国际

 

社会

 

网评

 
 
 
<script> <BR>var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p'); <BR>var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); <BR>var len=Tags.length; <BR>var flag=1;//修改默认值 <BR>for(i=1;i<len;i++){ <BR>Tags[i].value = i; <BR>Tags[i].onmouseover=function(){changeNav(this.value)}; <BR>TagsCnt[i].className='undis'; <BR>} <BR>Tags[flag].className='topC1'; <BR>TagsCnt[flag].className='dis'; <BR>function changeNav(v){ <BR>Tags[flag].className='topC0'; <BR>TagsCnt[flag].className='undis'; <BR>flag=v; <BR>Tags[v].className='topC1'; <BR>TagsCnt[v].className='dis'; <BR>} <BR></script> 
 

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Javascript 多浏览器兼容总结(实战经验)_javascript技巧Nächster Artikel：javascript实现的DES加密示例_javascript技巧

In Verbindung stehende Artikel

Mehr sehen