Mar 9, 2013

Jquery animation cutting Ribbon with scissors




<body>
    <form id="form1" runat="server">
        <img class="RibbonL" src="Images/LeftRibbon.png" />
        <img class="RibbonR" src="Images/RightRibbon.png" />
        <img id="imgFollow" style="position: relative;" class="imgFollow" width="145px" height="145px" src="Images/scissors.png" />
        <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {



                $(document).mousemove(function (e) {
                    $('#imgFollow').offset({
                        left: e.pageX + 30,
                        top: e.pageY - 20
                    });
                    $('#imgFollow').css('z-index', '1000');

                });

                $(".RibbonR, .RibbonL ").click(function () {
                    $(".RibbonL").hide(1000);
                    $(".RibbonR").hide(1000);

                    setTimeout(function () { //redirect after a certain time
                        $(window.location).attr('href', 'http://itapps.cgglobal.com/cgict/');
                    }, 1200);
                });

            });
        </script>
    </form>
</body>

1 comment:

What is the use of n-tier architecture and 3-tier architecture?

how to implement 3-tier architecture in asp.net using c#. 3-Tier architecture is also called layered architecture. Some people called it ...