<div id="dvSignIn" style="vertical-align: middle; text-align: right; width: 95%"> <a style="color: white;">Sign In</a> <form runat="server" id="frmLoginPortal"> <div style="display: none; vertical-align: middle;" id="dvLoginPortal"> <div> Username: <asp:TextBox ID="txtUsername" runat="server"></asp:TextBox> </div> <div> Password: <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> </div> <div> <asp:Button ID="btnSubmit" runat="server" Text="Submit" /> </div> </div> </form> </div>
$(document).ready(function () { //On mouseenter on the 'Sign In' link, let the login portal show up. $('#dvSignIn').mouseenter(function () { $('#dvLoginPortal').show(); $('#dvLoginPortal').css('z-index', '1000'); }); //Hide the login portal once,the mouse is out of the login portal. $('#dvLoginPortal').mouseleave(function(){ $(this).hide(); }); });
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)