!DOCTYPE html
html
head
meta charset=utf-8 /
titlehover变色/title
style
.cube { width: 100px; text-align: center; line-height: 24px; height: 24px; border: 1px solid #CCC; margin: 10px; cursor: pointer; }
/style
script
function exec() {
var lastIndex = 0;
var divs = document.getElementsByTagName(div);
for (var i = 0; i divs.length; ++i) {
(function(i) {
divs[i].onclick = function() {
divs[lastIndex].style.backgroundColor = #FFF;
divs[lastIndex].style.fontWeight = normal;
lastIndex = i;
divs[i].style.backgroundColor = #CCC;
divs[i].style.fontWeight = bold;
}
})(i);
}
}
/script
/head
body οnlοad=exec()
div class=cube第一块/div
div class=cube第二块/div
div class=cube第三块/div
div class=cube第四块/div
div class=cube第五块/div
/body
/html
取消
评论