ghhs("nav01","li"); // マウスが上を通過したときに色を変更します ghhs("nav02", "li", "no") // 1 行おきにのみ色を変更します ghhs ("nav03", "li","onclick"); // マウスをクリックすると現在のマークの色が変わります <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰"> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..."> <meta name="Author" content="PRcss,qq:50198763"> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved"> <title>行間の色の変更 - www.jb51.net スクリプト ホーム</title> <style type="text/css"> .t1 {background:#eee;} .t2 {background:#fff;} .up {background:#ddd;} </style> <div id="nav01"> <ul> <li> </li>通りすがり<li>asdsad<li>asdsad<li>asdsad</ul> </div> <div id="nav02"> <ul> <li> </li>通行人を無視します<li>asdsad<li>asdsad<li>asdsad</ul> </div> <div id="nav03"> <ul> <li> </li>踏んでください<li>asdsad<li>asdsad<li>asdsad</ul> </div> [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 // 返回Id、Tag function Pid(id,tag){ if(!tag){return document.getElementById(id);} else{return document.getElementById(id).getElementsByTagName(tag);} } // 隔行换色 function ghhs(id,tag,s) { var line=Pid(id,tag); for (var i=1;i<line.length+1;i++) { line[i-1].className=(i%2>0)?"t1":"t2"; } if(s=="no"){ return; } else if(!s){ for(var i=0;i<line.length;i++) { line[i].onmouseover=function(){ this.tmpClass=this.className; this.className+=" up"; } line[i].onmouseout=function(){ this.className=this.tmpClass; } } } else{ for(var i=0;i<line.length;i++) { line[i].tmep=i; line[i][s]=function(){ ghhs_tab(this.tmep); } } } function ghhs_tab(s){ for(var i=0;i<line.length;i++){ if(!line[i].tmpClass){ line[i].tmpClass=line[i].className+=" pr1984_com"; } if(s==i){ line[i].className+=" up"; } else { line[i].className=line[i].tmpClass; } } } } を実行するために更新する必要があります] ghhs("nav01","li"); ghhs("nav02","li","no"); ghhs("nav03","li","onclick");
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
