We are providing online training of realtime Live project on Asp.Net MVC with Angular and Web API. For more information click here. If you have any query then drop the messase in CONTACT FORM

Friday, July 17, 2015

mouse over effect in jQuery

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
        <script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#img1").mouseover(function () {
                $(this).attr("src", "images/mk2.jpg");
            });
            $("#img1").mouseout(function () {
                $(this).attr("src", "images/mk3.jpg");
            });
        });
    </script>
</head>
<body>
    <form id="form2" runat="server">
    <div align="center">
        <img id="img1" src="images/mk2.jpg" width="300" height="300" />      

        </div>
    </form>

</body>


No comments: