ホームページ > ウェブフロントエンド > jsチュートリアル > タブページ切り替えエフェクトのJS実装例 code_javascriptスキル

タブページ切り替えエフェクトのJS実装例 code_javascriptスキル

WBOY
リリース: 2016-05-16 17:18:07
オリジナル
1221 人が閲覧しました

在网页区追加次代码

复制代代码如下:

< style type="text/css"> 



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

 
 
 

新闻排行

 

国内

 

国际

 

社会

 

网评

 
 
 
<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> 
 

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート