fancy box code

fancy box code


 <%-- fancybox--%>
    <script src="fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
    <script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
    <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<!--fancy box-->



1) $(document).ready(function () {
      
        $("#siginid").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'speedIn': 600,
            'speedOut': 200,
            'overlayShow': false
        });

    });


2)<a id="siginid" href="#signinhref">Sign in</a>


3)<div id="fancy" style="display:none">
<div id="signinhref">
<table>
<tr><td>Userid</td><td><input id="txtuserid" type="text" /></td></tr>
<tr><td>Password</td><td><input id="Text1" type="password" /></td></tr>
<tr><td><input id="btnsignin" type="button" value="Sign in" /></td></tr>

</table>


</div>
</div>