js隔行变色、鼠标划过变色代码

隔行变色且鼠标划过变色的效果 .container ul{margin:0;padding:0;} .container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:1em;font-size:12px;} .container .change{cursor:pointer;height:30px;width:200px;background-color:#C1F9CC;line-height:30px;text-indent:1em;font-size:12px;} .container .current{cursor:pointer;height:30px;width:200px;background-color:#F66;line-height:30px;text-indent:1em;font-size:12px;} window.onload = function() { changeColor('content'); changeColor('content2');//写上要控制的UL的ID，想控制几个就控制几个 changeColor('content3'); } function changeColor(id) { var arrayli = document.getElementById(id).getElementsByTagName('li'); var bool = true;//奇数行为true var oldStyle;//保存原有样式 for(var i = 0;i 第一个UL 隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色第二个UL 隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色第三个UL 隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色隔行变色，划过变色 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　基于jQuery的仿flash的广告轮播代码

整个页面如下：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.>>>详细阅读

本文标题：js隔行变色、鼠标划过变色代码

地址：http://www.17bianji.com/kaifa2/JS/25490.html

1/2 1