These may give you some ideas...
You can either use JQuery's own .fadeIn() method or try the highlightFade as
follows:
$("INPUT")
.focus(function(){
$(this)
.highlightFade({start:'white', end:'black',
speed:'fast', attr:'color'})
.highlightFade({start:'white', end:'silver',
speed:'fast',
attr:'borderColor'})
.highlightFade({start:'white', end:'yellow',
speed:'fast',
attr:'backgroundColor'})
})
.blur(function(){
$(this)
.highlightFade({start:'black', end:'white',
speed:'fast', attr:'color'})
.highlightFade({start:'silver', end:'white',
speed:'fast',
attr:'borderColor'})
.highlightFade({start:'yellow', end:'white',
speed:'fast',
attr:'backgroundColor'})
})
This will fade-in input elements on focus and fade-out on blur. For
completeness I have faded the color, background color and the borderColor.
Depends what effect you're after really. (Bright yellow might not be you
thing!)
Hope this helps
George
Mark Harwood-2 wrote:
>
> I am loving this Plugin... but im a bit stuck, how could i go about
> making a elemnt fade in on focus and then fade out when its out of focus?
>
> Sorry really basic question but then so my knowledge of JS and jQuery!
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
>
--
View this message in context:
http://www.nabble.com/highlightFade-Plugin-tf2040652.html#a6427951
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
