LE CODE JAVA : JAVASCRIPT : UN MENU DEROULANT EN FLASH VERTICALE

UN MENU DEROULANT EN FLASH VERTICALE
Demonstration

LE CODE JAVA : UN MENU DEROULANT EN FLASH VERTICALE

MESSAGES ACCUEIL HTML

<!-- UNE ETAPE D'INSTALLER UN MENU DEROULANT EN FLASH VERTICALE:

1.  PLACER LE CODE  ENTRE LES BALISES <BODY>..</BODY> DU DOCUMENT HTML -->

// Ce script et d'autres sont sur le code java - GRATUIT
// Le code java - http://www.lecodejava.com/

//DEFINIR LES MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='Les scripts sur PHP, JavaScript, XML, ou CSS? Visiter <a href="http://www.lecodejava.com">Le Code Java</a>!'
tickercontents[1]='Scripts Gratuit <a href="http://www.lecodejava.com">lecodejava.com</a> Pour votre site!'
tickercontents[2]='Le menu deroulant a votre disposition <a href="http://www.lecodejava.com">Le Code Java</a>- scripts Gratis!'

var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //Le temp entre les messages
var highlightspeed=2 //2 pixels a la fois.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"

//ne pas changer cette ligne

document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')

var currentmessage=0
var clipbottom=1

function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

Accueil