Best books about Javasript
|
JavaScript Blur Image while Mouse over
See
the following image blur effect by move mouse over and out of it.
How
to do it?
This special effect is using Javascript to adjust CSS style alpha
opacity in onmouseover and onmouseout event. Copy the following script
to your <head>section.
<SCRIPT language="javascript">
<!--
function low(which2){
which2.filters.alpha.opacity = 40 ;
}
function high(cur2){
cur2.filters.alpha.opacity += 90 ;
}
//-->
</SCRIPT>
|
Add onmouseout=low(this) onmouseover=high(this)
style="FILTER:
alpha(opacity=20)" to your <img> tag. You may adjust initial
opacity here.
|