Texte qui dévile en verticale vers le haut
Fermé
galaxico8
Messages postés
98
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
30 juin 2011
-
21 janv. 2009 à 17:43
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 21 janv. 2009 à 17:53
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 21 janv. 2009 à 17:53
A voir également:
- Texte qui dévile en verticale vers le haut
- Corinne copie un texte sur le web et le colle dans un document avec l'option "texte non formaté" (aussi appelée "texte sans mise en forme"). qu'est-ce qui est conservé ? - Forum Bureautique
- Barre verticale clavier - Forum Excel
- Windows 7 vers windows 10 - Guide
- Mettre un texte en majuscule - Guide
- Il est en cours de transport vers votre site de livraison - Forum Consommation & Internet
3 réponses
Harricote
Messages postés
417
Date d'inscription
mercredi 21 janvier 2009
Statut
Membre
Dernière intervention
30 janvier 2011
41
21 janv. 2009 à 17:46
21 janv. 2009 à 17:46
Salut,
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()">
Ton texte
</marquee>
Voilà
<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()">
Ton texte
</marquee>
Voilà
galaxico8
Messages postés
98
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
30 juin 2011
2
21 janv. 2009 à 17:47
21 janv. 2009 à 17:47
Merci beaucoup pour votre efficacité.
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
21 janv. 2009 à 17:53
21 janv. 2009 à 17:53
marquee n est pas valide !!!!
<!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" xml:lang="fr" lang="fr">
<head>
<title>Exemple
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript">
//<![CDATA[
var scrollingEnabled = true;
var textHeight = new Number();
var zoneHeight = new Number();
var scrollSpeed = 20;
var scrollPause = 2000;
function $(obj){ return document.getElementById(obj); }
function iniScrolling(){
textHeight = $('textToScroll').offsetHeight;
zoneHeight = $('scrollZone').offsetHeight;
if(textHeight>zoneHeight) window.setTimeout('scrollText()', scrollPause);
}
function scrollText(){
var currentMargin = parseInt($('textToScroll').style.marginTop) || 0;
if(currentMargin>=-(textHeight-zoneHeight) && scrollingEnabled==true){
currentMargin--;
$('textToScroll').style.marginTop = currentMargin+'px';
window.setTimeout('scrollText()', scrollSpeed);
}else return;
}
window.onload = iniScrolling;
//]]>
</script>
<style type="text/css">
/* <![CDATA[*/
body {
background: #333;
font: 11px/16px Verdana, "Trebushet MS", Arial, Helvetica;
}
#scrollZone {
position: absolute;
left: 50%;
top: 50%;
width: 220px;
height: 300px;
margin-top: -150px;
margin-left: -110px;
border: 1px solid #bbb;
background: #f2f2f2;
overflow: hidden;
}
#textToScroll {
text-align: justify;
overflow: hidden;
}
/*]]>*/
</style>
</head>
<body>
<div id="scrollZone">
<div id="textToScroll" onmouseover="scrollingEnabled = false;" onmouseout="scrollingEnabled = true;scrollText();">
<p>Lorem ipsum dolor sit amet consectetuer tincidunt Curabitur tortor tincidunt enim. Laoreet interdum laoreet consectetuer velit pharetra sed lobortis fames amet pede. Sapien Nullam pellentesque et convallis Integer justo Maecenas mi dapibus Lorem. Consectetuer sagittis pretium nulla amet hendrerit vitae sapien consectetuer condimentum orci. Eget sit libero ut Nam orci pellentesque quis vel massa Phasellus. Mauris orci neque malesuada dictum risus Sed amet diam aliquam sociis. Consequat nunc Duis.
</p>
<p>Nulla Vestibulum sapien mauris Morbi eros morbi id cursus id eu. A Quisque eget eget elit dui sagittis condimentum tellus nunc pretium. Et Nullam condimentum pretium hac Morbi convallis a Aenean cursus odio. Congue et adipiscing mauris velit Fusce et turpis scelerisque mauris sed. Pharetra fames eget cursus ut ut interdum auctor ornare Sed Sed. Ipsum nulla Curabitur tempus sed nunc mauris hac a Pellentesque Morbi. Nulla tempor wisi.
</p>
<p>Urna suscipit ligula semper consectetuer ullamcorper lacus ac amet et at. Congue massa ac dapibus amet elit elit congue semper egestas malesuada. Mattis ut fames rutrum risus In at leo enim et eros. Vestibulum at Aliquam eget et orci dis pede dignissim egestas adipiscing. Vel wisi magnis sit interdum nonummy enim dictum In wisi sollicitudin. Ut ligula tellus orci aliquam interdum gravida Vivamus elit quis Fusce. Donec justo.
</p>
<p>Sapien id ac netus sit Vestibulum urna nibh dui wisi hac. Tellus Vestibulum vel eu nunc nec sed ut pretium non Sed. Wisi ac justo mattis sed fames dictumst id Quisque convallis risus. Pede vel risus nec turpis nibh sed vel sed Aenean ut. Curabitur quis tincidunt justo a sit sed scelerisque Aliquam cursus id. Ipsum justo ac tempus Aenean Mauris in congue.
</p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.<br />Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.<br />Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
<p>Lorem ipsum dolor sit amet consectetuer condimentum tellus vitae netus feugiat. Tempus id lorem eleifend metus urna interdum vel quis aliquam tortor. Tortor libero pretium pretium Vestibulum consequat consectetuer Donec a tempus volutpat. Auctor Vivamus dolor In interdum Pellentesque lobortis turpis lorem dolor volutpat. Adipiscing leo Aliquam quis elit tempor purus Vivamus Curabitur Vestibulum risus. Pretium laoreet arcu Vestibulum.
</p>
<p>Convallis felis libero neque turpis malesuada facilisi dolor ut condimentum at. Integer Nunc Sed eget nibh leo Nam penatibus Curabitur Lorem pulvinar. Lacus interdum ut convallis quis cursus quis tristique ridiculus vitae justo. Phasellus tincidunt volutpat risus metus dictum adipiscing magna nisl turpis sapien. Vivamus lacinia vitae ipsum Nulla Praesent.
</p>
<p>Egestas ac consectetuer et metus ante adipiscing Integer congue nunc Vestibulum. Praesent nibh In dignissim cursus elit consectetuer convallis Nam risus natoque. Curabitur dui mauris ac fringilla Nulla pretium at laoreet orci dui. Ultrices auctor tempus magnis Sed Nulla id ut neque pretium ipsum. Mauris tortor pretium vitae Curabitur id in ut sit fames nibh. Dui fringilla hendrerit ac pede Nam Maecenas Pellentesque ligula tellus ac. Sagittis.
</p>
<p>Nunc et nascetur enim nisl Vivamus congue justo eleifend felis lacus. Pharetra quam id laoreet justo pretium Vestibulum elit Curabitur laoreet elit. Curabitur Nam ac dui tincidunt nunc cursus metus augue Nam faucibus. Dictum convallis justo amet fringilla justo ac dolor id vel lobortis. Lorem morbi volutpat dolor Nulla vel Suspendisse magnis hac pellentesque Proin. Dolor ipsum ac eget malesuada hac cursus dolor fringilla lacinia ac.
</p>
</div>
</div>
</body>
</html>
