Eccoci qua con un un banner slider che ruoto a automaticamente i vostri banner pubblicitari:
Per provarlo, copia e incolla il codice in un file html, e guardalo in azione!

Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>prova</title>
<style>
body {
margin: 0;
}

#overall {
   position: fixed;
   height: 100%;
   width: 100%;
   background: #333;
}

#innerel {
   width: 530px;
   height: 530px;
   background: #fff;
   margin: 0px auto;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function mostraBox() {
    var margin_h = ($(window).height() - 530)/2; // 530 è la dimensione in altezza del box che compare, se vuoi cambiarlo ricorda di modificare il CSS!
    $("body").prepend("<div id='overall'><div id='innerel'><a href='javascript:chiudiBox();'>Chiudi box</a></div></div>"); // Al posto di QUA IL CONTENUTO bisognerà inserire i propri contenuti.
    $("#innerel").css("margin-top", margin_h); // Impostiamo il margin-top del box calcolando in margin_h
}

function chiudiBox() {
    $("#overall").fadeOut(500); // 500 è la velocità con cui scomparirà espressa in millisecondi, 1000ms = 1sec
}
</script>
</head>

<body>
<body >
<br /><br />
<div align="center">


<script type="text/javascript">

//qui sotto potete configurare le variabili
var scrollerdelay='3000' //impostare i secondi della rotazione 3000=3 seconds.
var scrollerwidth='800px' //la larghezza 
var scrollerheight='100px' // la l'altezza
var scrollerbgcolor='#040404' //colore di sfondo
//lascia cosi qui sotto se non vuoi mettere un'immagine di sfondo
var scrollerbackground='#040404'

//configura le variabili, ogni variabile è una notizia in movimento
var messages=new Array()
messages[0]="<a href='javascript:mostraBox();'><img src='http://i41.tinypic.com/2z5knwo.png'></a>"
messages[1]="<a href='javascript:mostraBox();'><img src='http://i41.tinypic.com/2z5knwo.png'></a>"
messages[2]="<a href='javascript:mostraBox();'><img src='http://i41.tinypic.com/2z5knwo.png'></a>"
///////Non toccare da qui in poi///////////////////////

var ie=document.all
var dom=document.getElementById

if (messages.length>2)
i=2
else
i=0

function move(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("move(tdiv)",scrollerdelay)
setTimeout("move2(second2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("move(tdiv)",50)
}
else{
tdiv.style.top=parseInt(scrollerheight)+"px"
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("move2(tdiv2)",scrollerdelay)
setTimeout("move(first2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("move2(second2_obj)",50)
}
else{
tdiv2.style.top=parseInt(scrollerheight)+"px"
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}

if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}

if (window.addEventListener)
window.addEventListener("load", startscroll, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroll)
else if (ie||dom)
window.onload=startscroll

</script>
<font color="red" size="3">Powered by Tedescoland (Gilette) &copy 2013</font>


</div>
</body>
</html>