OrangeLipgloss
03-16-2003, 04:07 AM
Does anybody know the code to use when you want a specific picture to blur when someone places their mouse over it? Like...the picture for the splash page on my website - I want it to become blurred whenever someone goes to click on it. How do I do that?
Thanks for your time!
- Sara Angela -
MaGiCSuN
03-16-2003, 09:42 AM
Put the following script code between your <head> and </head> tag:
<script>
function blu(a,b){
a.filters.blur.strength=b
}
</script>
then put the following code INTO your <img> tag fromt he image which you want to blur:
style="filter:blur(strength=0)" onMouseover="blu(this,10)" onMouseout="blu(this,0)"
so it has to look something like this:
<img src="IMAGEHERE.gif" border=0 height=# width=# style="filter:blur(strength=0)" onMouseover="blu(this,10)" onMouseout="blu(this,0)">
good luck :)
love,
Mirna