Ir para conteúdo
Faça parte da equipe! (2024) ×

CSS e JQuery – Aplicar Banner flutuante no site


wendel108
 Compartilhar

Posts Recomendados

Quem nunca viu e nunca amou e odiou aqueles malditos banners flutuantes???

 

Colocar um tutorial bem rápido sobre banner floater tipo uns que tem no uol as vezes da Dell que é um banner em flash que fica sobre o conteudo do site

 

Bom é bem básico é apenas um id css e uma função no JQuery

 

Primeiro a ID

 

#banner{

display:block;

position:absolute;//A posição fica absoluta

left:400px;//Aqui é a posição a esquerda

top:400px;//e aqui é em relação ao topo ai é só ajustar a posição que você irá precisar

}

 

Agora a função do JQuery

 

function retirar-banner{

$(“#banner”).css(“display”,”none”); //aqui você chama a função pelo flash do seu banner como um javascript normal

}

Agora você irá precisar do banner com um botão de fechar que irá chamar esta função e um timer se for preciso que chamar esta função para ele sumir

 

Até!

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.