> 웹 프론트엔드 > JS 튜토리얼 > 전환 탭 페이지 효과 예제 code_javascript 기술의 JS 구현

전환 탭 페이지 효과 예제 code_javascript 기술의 JS 구현

WBOY
풀어 주다: 2016-05-16 17:18:07
원래의
1226명이 탐색했습니다.

在网页区添加以下代码

复aze代码 代码如下:

< 스타일 유형="텍스트/css"> 



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

 
 
 

新闻排行

 

国内

 

国际

 

社会

 

网评

 
 
 
<스크립트> 
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p'); 
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); 
var len=Tags.length; 
var flag=1;//修改默认值 
for(i=1;iTags[i].value = i; 
태그[i].onmouseover=function(){changeNav(this.value)}; 
TagsCnt[i].className='undis'; 

태그[flag].className='topC1'; 
TagsCnt[flag].className='dis'; 
함수 변경Nav(v){ 
태그[flag].className='topC0'; 
TagsCnt[flag].className='undis'; 
플래그=v; 
태그[v].className='topC1'; 
TagsCnt[v].className='dis'; 

 
 

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿