Lien sur un bandeau défilant

Fermé
laurents - 12 mai 2010 à 21:26
thunder413 Messages postés 167 Date d'inscription jeudi 21 mai 2009 Statut Membre Dernière intervention 16 novembre 2012 - 13 mai 2010 à 03:19
Bonjour,

j'ai un script qui réalise un texte défilant, mais je voudrais rajouter un lien dessus. Je ne sais si c'est possible et comment faire. Voici le script (archaïque, paraît-il) :

<script language="JavaScript1.2">
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="950px"
//Specify the marquee's height
var marqueeheight="40px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//configure background color:
var marqueebgcolor="yellow"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var mon_texte='Bienvenue sur le site de Vercors-Canyon Escalade';
var marqueecontent='<nobr><b><font face=Arial color=red size=6>' + mon_texte + '</font></b></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-200px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",10)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
var position1 = (marqueewidth)+350+"px"
// width:'+position1+';
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden;background-color:'+marqueebgcolor+'">')
// write('<div style="position:absolute;height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

1 réponse

thunder413 Messages postés 167 Date d'inscription jeudi 21 mai 2009 Statut Membre Dernière intervention 16 novembre 2012 23
13 mai 2010 à 03:19
salut
vraiment celui qui a qualifier ce code d'archaïque n'a fait qu'effleurer l'une des qualification de ce code pour quoi donc reinventer la roue puisqu'avec un simple <marquee direction='left'>Mon texte</text> resoud tout le probleme et meme plus avec l'option behavior tu as le texte qui alterne les deux direction desole de m'en prendre a ton code mais je n'ai pu me retourner avoir aussi que si ton visiteur desactive le javascript ton texte restera figer donc je te propose un code qui va defiler tes baniere ou lien ou tous ce que tu veut et lorsque l'utilisateur pose la sourie sur un lien ou baniere le defilement s'arrete et quand il enleve la souris le defilement reprend voila

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()">
<a href="">Bienvenu dans mon site Visiter cette page</a>
<a href="">Apropos de nous</a>
<a href="">Nous contacter</a>
<a href="">Nos Partenaire</a>
</marquee>

il te reste plus qu'a apliquer un peu de style pour avoir un joli rendu
n'est elle pas belle la vie
CORDIALEMENT
0