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.
Código e download:
https://github.com/brunoquadrotti/jquery.popoverIntroduçã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.