Banner flutuante js puro, html e css

Dae pessoal.

Colocar aqui um código bem simples tudo inline mesmo de um banner flutuante pra quem tá precisando.

É só alterar a sua imagem e a margin-left negativa para ele centralizar usando o troque de colocar metade do tamanho da imagem

x


setTimeout(function(){
document.getElementById('banner').setAttribute('style','display:none;');
},5000);


Tutorial CSS JQuery – Aplicar Banner flutuante no site

Boa tarde ae!

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é!