28173 sujets
CSS et mise en forme, CSS3
clb56 a écrit :
Salut,
ce serait bien de dire bonjour
Bienvenue sur ce forum
Oui c'est vrai! Désolé! D'habitude (sur les forums), je dis toujours bonjour.
Je devais être ailleurs... alors... Bonjour à tous!
PS: si un modo pourrait éditer le titre et enlever le "[Résolu]" ce serait sympa. Cà éviterais de re créer un topic presque identique.
Modifié par dmorgen (06 Sep 2006 - 10:00)
Bienvenue sur LE forum dmorgen.
Tiens voilà un exemple de défilement de bannière :
en fait y a juste à parametrer la taille de la div, celle du span et l'appel javascript.
Dis moi si je laisse le résolu ?
PoichOU
Tiens voilà un exemple de défilement de bannière :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#element {
left:100px;
top:100px;
color:#ff0000;
font-size:25px;
position:relative;
width:200px;
}
</style>
<script type="text/javascript">
// Défilement 4 directions multiple
function Defilant(id, pos_init, pos_min, pos_max, delta, direction) {
this.id = id;
this.element = document.getElementById(id);
this.pos_init = pos_init;
this.pos_min = pos_min;
this.pos_max = pos_max;
this.pos_current = pos_init;
this.delta = delta;
this.direction = direction;
}
Defilant.prototype.defile = function() {
if (!this.element) {
this.element = document.getElementById(this.id);
}
if (this.element) {
if(this.direction == 'vertical'){
if(this.pos_current < (this.pos_min - this.element.offsetHeight) ){
this.pos_current = this.pos_init;
} else if (this.pos_current > this.pos_max ) {
this.pos_current = this.pos_init - this.element.offsetHeight;
} else {
this.pos_current += this.delta;
}
this.element.style.top = this.pos_current+"px";
} else if(this.direction == 'horizontal') {
if(this.pos_current < (this.pos_min - this.element.offsetWidth) ){
this.pos_current = this.pos_init;
} else if (this.pos_current > this.pos_max ) {
this.pos_current = this.pos_init - this.element.offsetWidth;
} else {
this.pos_current += this.delta;
}
//alert(this.pos_current);
this.element.style.left = this.pos_current+"px";
}
}
}
</script>
</head>
<body>
<div style='position: relative;overflow: hidden;width: 468px;height: 120px;'>
<span id='defileH1'
style='position: absolute;width: 950px;background-color:transparent;'
onMouseover="defileH_1.delta=0"
onMouseout='defileH_1.delta=deltaH1'
><img style="float:left;" src="http://www.alsacreations.com/livre/xmedia/bannbook2.gif" /><img style="float:left;"
src="http://www.alsacreations.com/livre/xmedia/bannbook2.gif" /></span>
</div>
<script type="text/javascript">
var deltaH1 = -1;
var defileH_1 = new Defilant('defileH1', 468,0, 468, deltaH1,'horizontal');
setInterval("defileH_1.defile()",1);
</script>
</body>
</html>en fait y a juste à parametrer la taille de la div, celle du span et l'appel javascript.
Dis moi si je laisse le résolu ?
PoichOU