快捷導(dǎo)航

js隔行變色、鼠標(biāo)劃過變色代碼

更新時間：2010年10月31日 23:16:27 作者：

隔行變色、鼠標(biāo)劃過變色代碼，已經(jīng)有不少類似的代碼了，出于學(xué)習(xí)的態(tài)度，再發(fā)一個，因為每個隔行換色的寫法不同。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>隔行變色且鼠標(biāo)劃過變色的效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .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;} </style>  </head> <body> <span>第一個UL</span> <div   id="vvxyksv9kd"   class="container"> <ul id="content"> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> </ul> </div>  <span>第二個UL</span> <div   id="vvxyksv9kd"   class="container"> <ul id="content2"> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> </ul> </div>  <span>第三個UL</span> <div   id="vvxyksv9kd"   class="container"> <ul id="content3"> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> <li>隔行變色，劃過變色</li> </ul> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: