advanced search

We Recommend

Pro JavaScript Techniques Pro JavaScript Techniques
Pro JavaScript Techniques is the ultimate JavaScript book for the modern web developer. It provides everything you need to know about modern JavaScript, and shows what JavaScript can do for your web sites. This book doesn't waste any time looking at things you already know, like basic syntax and structures.

Ballyhoo

Posted By

masaya on 01/14/07


Tagged

javascript


Versions (?)


Who likes this?

2 people have marked this snippet as a favorite

shachi
vali29


hightlight-list.js

Published in: JavaScript 

URL: http://masaya-sugawara.com/

交互に背景色を変えるスクリプト.
XHTML basic templateと合わせて参考にどうぞ.
本当はCSSクラスを振って, スタイルはCSSで付けたほうがいいけど取り急ぎ.


Plain TextExpand 
  1. setHighLight = function() {
  2. 	var sub = document.getElementById("sub");
  3. 	var ul = sub.getElementsByTagName("ul");
  4. 	for(var i=0; i<ul.length; i++) {
  5. 		var li = ul[i].getElementsByTagName("li");
  6. 		for(var j=0; j<li.length; j++) {
  7. 			li[j].style.background = (j%2) ? "#fff" : "#e5ecf9";
  8. 		}
  9. 	}
  10. }
  11.  
  12. function init() {
  13. 	setHighLight();
  14. }
  15.  
  16. window.onload = init;

Report this snippet 

You need to login to post a comment.