Meerkat é um plugin para jQuery desenvolvido por Jarod Taylor, eu definiria este plugin como um plugin para publicidade. O plugin torna mais fácil e atraente o modo de exibir publicidades.
Em sua página ele exibe três exemplos, o primeiro com anúncio do Google, o segundo com um HTML comum e o terceiro, também com HTML, mas preenchendo a tela visível do site, tipo uma tela de splash. Nas três opões ele deixa um botão para sair da publicidade e mostrar o site por completo.
Opções
-
showMeerkatOnLoad:
Valor booleano, se verdadeiro o plugin Meerkat irá mostrar a publicidade quando a função for chamada, caso contrário irá esconder a publicidade.
Padrão: ‘false’
-
close:
Aqui você especifica o seletor (ie. “.close” ou “#close”) para ocultar a publicidade.
Padrão: ‘none’
-
dontShow:
Qualquer seletor (ie. “.dont-show” ou “#dont-show”) para que o usuário escolha não ver mais a publicidade, o plugin Meerkat ierá esconder e não mostrará o anúncio até a sessão do navegador terminar (quando o navegador for reiniciado) ou para uma quantidade de dias, dependendo da configuração dontShowExpire.
Padrão: ‘none’
Nota: dontShow depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.
-
dontShowExpire:
Se você alterar a opção dontShow, você tem a opção de configurar o tempo limite (em dias) que o plugin Meerkat irá ocultar a publicidade. A opção dontShowExpire aceita inteiros ou números decimais (floa) entre 0 e 365.
Se dontShowExpire configurado como 0; Meerkat aguarda a sessão do navegador para motrar novamente a publicidade.
Se dontShowExpire configurado como 0.5; Meerkat não mostrará por 12 horas.
Se dontShowExpire configurado como 1; Meerkat não mostrará por 24 horas (1 dia).
Se dontShowExpire configurado como 7; Meerkat não mostrará por 7 dias (1 semana).
Padrão: 0
Nota: dontShowExpire depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.
-
removeCookie:
Usado principalmente para o desenvolvimento da aplicação, a opção removeCookie deleta o cookie criado pela opção dontShow.
Esta opção aceita qualquer seletor (ie. “.remove-cookie” ou “#remove-cookie”).
Padrão: ‘none’
Nota: removeCookie depende dos cookies do navegador. Se o usuário não aceitar cookies, esta opção será ignorada.
-
meerkatPosition:
A opção meerkatPosition aceita dois valores: top ou bottom.
Ela determina o posicionamento (quando não for o splash) da publicidade na janela.
Padrão: ‘bottom’
-
animation:
A opção animation aceita dois valores: slide ou fade.
Esta opção determina o efeito quando a publicidade será exibida e ocultada.
Padrão: ’slide’
-
animationSpeed:
A opção animationSpeed aceita os seguinte valores: (”slow”, “normal”, ou “fast”) ou o número de milisegundos para a animação executar.
Padrão: ’slow’
-
height:
A opção height aceita todos os valores da propriedade height do CSS (px, em, %, auto, etc).
Se esta opção é omitida, o plugin utilizará o CSS aplicado sobre o elemento meerkat.
Padrão: ‘auto’
-
background:
A opção background aceita o CSS de background (veja algumas opções)
Exemplo:
background: ‘#000 url(/path/to/bgimage.jpg) no-repeat left top’
Padrão: ‘none’
Exemplo 1
Exemplo 2
Exemplo 3
jquery.meerkat.js
Nenhum comentário ainda.