聰明的生活

這個javascript就是一般看到mouse移動到第顆星就會顯示幾分，減少單板的radio choice

構想

在每一個img裡，偷偷給定一個attribute 當做index 的值（判斷mouseover是在那一個img裡）

設定img的mouseover動作，當設定的attribute跟for loop的index小於時，可定另一種圖

否則就回覆成原始的圖

source大概如下

<div id='test' ><img src="test2.png" border="0" ><img src="test2.png" border="0" ><img src="test2.png" border="0" ><img src="test2.png" border="0" ><img src="test2.png" border="0" ><img src="test2.png" border="0" >
</div>

function justdoit2(o)
{

var idx = o.getAttribute("data");

document.getElementById("v").value = parseInt(idx)+1;

for(i=0 ; i < img.length;i++)

{

if(i<=idx)
img[i].src = "test1.png";
else
img[i].src="test2.png";
}
}

畫面如下

展示網址

http://www.yslifes.com/MyTest/JSscore/index.html

ps.這個程式有點小bug就是圖片顯示的問題，解決方法可以先new 二個image來直接置換，取代img[i].src 設定的方法