分類: javascript

javascript相關

[javascript]滑鼠移動評分

yku Leave a comment

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

構想

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

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

否則就回覆成原始的圖

source大概如下

Read More

[javascript]Menu Bar

yku Leave a comment

這是個很簡單的JavaScript的Menu Bar只可以由左向右顯示

構想

利用二個Div，第一個Div檔顯示Menu名字用的，第二個把寬高跟都設到最小

（看需求），以上二者均設定float:left

再來把滑鼠移入時要顯示的資料利用Div 放在上面的第二個Div 裡，設定其style

position:relative;
display:none;
z-index:100;
top:0px;
left:0px;

利用第二個Div定位來顯示次Menu內容

Read More