li隔行换色改进版_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:39:15

li隔行换色改进版_javascript技巧

li隔行换色改进版_javascript技巧:ghhs(nav01,li); // 鼠标经过时变色 ghhs(nav02,li,no); // 只隔行换色 ghhs(nav03,li,onclick); // 鼠标点击当前标记变色隔行换色 - www.gxlcms.com 脚本之家 // 返回Id、Tag function P

推荐度：

点击下载本文 文档为doc格式

导读li隔行换色改进版_javascript技巧:ghhs(nav01,li); // 鼠标经过时变色 ghhs(nav02,li,no); // 只隔行换色 ghhs(nav03,li,onclick); // 鼠标点击当前标记变色隔行换色 - www.gxlcms.com 脚本之家 // 返回Id、Tag function P

ghhs("nav01","li"); // 鼠标经过时变色
ghhs("nav02","li","no"); // 只隔行换色
ghhs("nav03","li","onclick"); // 鼠标点击当前标记变色

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> 
<head> 
<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.gxlcms.com 脚本之家</title> 
 
// 返回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; 
 } 
 } 
 } 
} 
</ script> 
<style type="text/css"> 
.t1 {background:#eee;} 
.t2 {background:#fff;} 
.up {background:#ddd;} 
</style> 
</head> 
<body>

<li>路过</li><li>asdsad</li><li>asdsad</li><li>asdsad</li>

<li>无视路过</li><li>asdsad</li><li>asdsad</li><li>asdsad</li>

<li>踩我</li><li>asdsad</li><li>asdsad</li><li>asdsad</li>

ghhs("nav01","li"); 
ghhs("nav02","li","no"); 
ghhs("nav03","li","onclick"); 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]