Checkbox check should automatically and slowly fadeout to unchecked
-
I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator should move to that floor. Only thing which i am not able to implement here is: Make the checkbox check automatically and slowly fadeout to unchecked state when the orange elevator has reached that checkbox. Here is the link to the markup and script: http://jsfiddle.net/hurricaneankit/qR4uJ/
-
I have created a elevator functionality [there are 2 floors and corresponding to each one , there is a checkbox. Depending upon which checkbox is checked, the elevator should move to that floor. Only thing which i am not able to implement here is: Make the checkbox check automatically and slowly fadeout to unchecked state when the orange elevator has reached that checkbox. Here is the link to the markup and script: http://jsfiddle.net/hurricaneankit/qR4uJ/
I think I have seen something very similar to this on various interviews. :| either way the following should get you started: http://jsfiddle.net/qR4uJ/3/[^] I would recommend that you fix your images because they are the cause behind the "jumpy" appearance of the checkbox when you click on things. as I think about it more I would recommend stacking images. have the checkbox as your background and then a check mark as an
imgtag that can sit on top of it. then you can use the fadeIn[^] and fadeOut[^] parts of jQuery. best of luck.as if the facebook, twitter and message boards weren't enough - blogged