Very Useful jQuery code examples

zoom element text on Mouse over 

Javascript Code:

<script type="text/javascript">

        $(document).ready(function () {

            var oldSize = parseFloat($("#ZOOM").css('font-size'));

            var newSize = oldSize * 2;

            $("#ZOOM").hover(

              function () {

                  $("#ZOOM").animate({ fontSize: newSize }, 200);

              },

              function () {

                  $("#ZOOM").animate({ fontSize: oldSize }, 200);

              }

           );

        });

    </script>

    <style type="text/css">

        #ZOOM

        {

        font-size:10pt;

        font-family:'Times New Roman';

        }

    </style>

Design.aspx:

Output:

zoom Image

Output:

disable spacebar

output:

to find out which key was pressed

Design:

Output: