Código
function toLogin() { $("body").append('<a href="#" id="Login"><span id="toLogin" class="glyphicon glyphicon-user"></span></a>'); /* *Aqui Iria la funcion para mostrar el dropdown * */ } $(document).ready(function () { toLogin(); });
Y este es el estilo
Código
#login{ display:block; text-decoration:none; position:fixed; bottom:50%; left:10px; z-index: 1000; overflow:hidden; width:4em; height:4em; border: 2px #000000 dashed; border-radius: 10%; text-indent:100%; background-color: #5e5e5e; } #toLogin{ font-size: 3em; }
Lo que quiero lograr es un circulo de un tamaño visible con un borde discontinuo y dentro un glyphicon. Que cuando le pase el mouse por encima me muestre en un desplegable los enlaces a Login y Register. Ayuda por favor