[javascript]滑鼠移動評分

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

構想

在每一個img裡,偷偷給定一個attribute 當做index 的值(判斷mouseover是在那一個img裡)

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

否則就回覆成原始的圖

source大概如下

Read More

[javascript]Menu Bar

這是個很簡單的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

JMagick-java ImageMagick取得圖片的長與寬

ImageMagick在壓縮圖形品質上真的很不錯,而且也可以在很多平台及程式語言上使用

不過在使用上並不像大家熟識的java 的imageio有那麼多資源,

原本是使用BufferedImage的getWidth()及getHeight()來取得圖的長與寬

不過讀取的Image會存放在java VM 暫存中,不能自行釋放,所以有時讀大量讀時會out of memory,

這時可以利用第三方套件ImageMagick來代替BufferedImage

一般利用BufferedImage取得長寬的方式大概如下

Read More