jquery.popover

Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

Exemplos:





Código e download:

https://github.com/brunoquadrotti/jquery.popover

Introdução:

1 - Adicionar referência para jquery.popover.js:

<script type="text/javascript" src="jquery.popover.js"></script>

2 - Adicionar selector do elemento:

<a href="#" class="my-el-popover">Lorem ipsum</a>

3 - Inicializar o jquery.popover:

$('.my-el-popover').popover({
    popoverPosition: 'auto',
    startDelay: 200,
    endDelay: 200,
    fadeIn: 120,
    fadeOut: 120,
    onMouseEnter: function(el, ev) {
        //code
    },
    onMouseLeave: function(el, ev) {
        //code
    }
});

Configuração:

Nome: Tipo: Default: Descrição:
template string default Vestibulum id ligula porta felis euismod semper.
elementTarget selector ".popover" Vestibulum id ligula porta felis euismod semper.
startDelay number 0 Vestibulum id ligula porta felis euismod semper.
endDelay number 0 Vestibulum id ligula porta felis euismod semper.
fadeIn number/string 0 Vestibulum id ligula porta felis euismod semper.
fadeOut number/string 0 Vestibulum id ligula porta felis euismod semper.
height number/string "auto" Vestibulum id ligula porta felis euismod semper.
width number/string "auto" Vestibulum id ligula porta felis euismod semper.
popoverPosition string "auto" Vestibulum id ligula porta felis euismod semper.
onMouseEnter function(element, event) null Vestibulum id ligula porta felis euismod semper.
onMouseLeave function(element, event) null Vestibulum id ligula porta felis euismod semper.

Browser support:

jquery.popover está testado em Firefox 6+, Chrome 15+, e Internet Explorer 9+.

Dependências:

jQuery 1.7.2 ou superior.