This method is used to achieve fading of all matched elements by adjusting the opacity to the specified target, and optionally triggering a callback function after the animation is complete
Instance:
;} Html{font:15px/1.2em ' Courier New '; color: #666; width:750px;margin:25px auto;} #show {width:250px;height:400px;background:red;display:none;color: #FFF; line-height:400px;text-indent:8px; padding:10px 30px;margin:70px;text-Align:center;} Button{padding:8px;border:0;outline:none;background: #00E92C; border-radius:2px;} . Wrapall{color: #FF96EC;}</style><script type= ' Text/javascript ' > $(function(){ $(' button '). Click (function(){ $(' #show '). FadeTo (1000,.3, ' linear ',function(){ /*implement to adjust transparency to a specified target*/Console.log (' Fade animate already finished ... '); }); }); });</script>
[jquery effect FadeTo ([SPEED,[EASING],[FN])] This method is used to fade all matched elements by adjusting the opacity to the specified target, and optionally triggering a callback function after the animation is complete