Does anyone know how to do the input focus fade in and fade outs that is seen at Apple's mobile me website at http://www.me.com?
I would love to implement it in my own login box.
seanooi 0 Newbie Poster
shubhamjain1 7 Junior Poster in Training
I think it is possible with jQuery animate() function.
Taywin 312 Posting Virtuoso
If you want to implement it from scratch, you could use CSS with opacity or color depending on how you want the fading to be. It is not difficult, but you need to understand how to manipulate element properties that you are working on. Also, it requires setTimeout to imitate the animation (should not use setInterval because you will have to keep the id of setInterval in order to clear it). If you show your work (your code), I could help you correct it. I do not want to give you the whole code for the animation because there are too many ways to implement it.
You could see some code I implemented from scratch to manipulate color (not opacity) at here (unfinish site and don't know when). Hover your mouse over the top square blocks and move the mouse out, and you will see what I mean. You can view the js source by using 'view source' on your browser.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.