CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Texte défilant verticalement plus...

MathieuN7
MathieuN7
Niveau 10
14 août 2004 à 01:38:23

Bonjour, bonsoir :)

Je poste ici un message car je n´ai pas vraiment trouvé mon bonheur sur le net... :snif:

Voilà: je cherche un script ( l´idéal serait pour moi une solution en CSS, mais je n´y crois pas trop) qui permet de faire défiler verticalement un texte donné, et qui marque un arrêt lorsque l´on passe dessus avec la souris. J´ai déjà vu cela sur un site, mais plus moyen de le retrouver!

Donc si vous avez des infos pour moi, n´hésitez pas! :-)))

Merci d´avance,
MathieuN7

Golden_Pourri
Golden_Pourri
Niveau 10
14 août 2004 à 01:51:46

Je sais pas si je me trompe mais dans la merde où je suis... :

< MARQUEE onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=2 direction=Up width=400 height=200 align="left">

TEXTE<br>
TEXTE<br>

< /MARQUEE>

je crois que marquee marche bien sur tous les navigateurs

Golden_Pourri
Golden_Pourri
Niveau 10
14 août 2004 à 01:53:59

sa marche qu´avec IE en fait... -_-

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:12:56

On a déjà parlé de la balise < marquee> hier et il a bien été précisé qu´elle fonctionne avec Mozilla et Opera, mais qu´elle n´est toujours pas accepté par la norme w3c !

Golden_Pourri
Golden_Pourri
Niveau 10
14 août 2004 à 02:14:33

trouvé !

< style type="text/css" / >
body{text-align:center;width:100%;}

  1. fenetre{position:relative;overflow:hidden;width:4

00px;text-align:left;margin:auto;
background-color:#C0C080;border:3px inset;}

  1. marquee{color:#002000;padding:0 5px;}

< /style>
< script type="text/javascript">
< !--
/ / pas de défilement :
var pas=2
/ / hauteur de la partie visible
var h_fen="100px"

function scrollmrq(){
if ( parseInt(mrq.style.top) > -h_mrq )
mrq.style.top = parseInt(mrq.style.top)-pas+"px"
else
mrq.style.top=parseInt(h_fen)+"px"
}

function init_mrq(){
mrq=document.getElementById("marquee");
fen=document.getElementById("fenetre");
fen.onmouseover=function(){stoc=pas;pas=0};

fen.onmouseout=function(){pas=stoc};fen.style.heig
ht=h_fen;
h_mrq=mrq.offsetHeight;
with(mrq.style){position="absolute";top=h_fen;}
setInterval("scrollmrq()",100);
}
window.onload=init_mrq
/ /-->
< /script>

< /head>
< body>

< div id="fenetre">
< div id="marquee">
< cite> Grâce à la balise html < /cite>

< /div>
< /div>

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:15:05

Ce qui ne fonctionne pas avec opera, c´est :
onMouseOver=this.stop() onMouseOut=this.start()

Golden_Pourri
Golden_Pourri
Niveau 10
14 août 2004 à 02:16:58

tu peux enlever le truc CSS si tu veux

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:25:43

Ça ne fonctionne pas avec Opera ton deuxième truc !

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:28:27

Pardon, ça fonctionne si tu définis une hauteur dans #fenêtre.

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:29:45

Mais c´est sacrément saccadé !

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:37:57

Je n´arrive pas à faire en sorte de le mettre n´importe où dans la page, le scrolling se fait tjrs entre le haut de la page et une centaine de px plus bas !

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 02:51:05

Bon, j´ai trouvé !

< html>
< head>

< style type="text/css" / >
body
{
text-align: center;
}
#fenetre
{
position: absolute;
overflow: hidden;
top: 250px;
left: 50px;
width: 400px;
text-align: center;
margin: auto;
background-color: #C0C080;
border: 3px inset;
}
#marquee
{
color: #002000;
padding: 0 5px;
text-align: center;
}
< /style>

< script type="text/javascript">
< !--
/ / pas de défilement :
var pas=2
/ / hauteur de la partie visible
var h_fen="300px"

function scrollmrq()
{
if ( parseInt(mrq.style.top) > -h_mrq )
mrq.style.top = parseInt(mrq.style.top)-pas+"px"
else
mrq.style.top=parseInt(h_fen)+"px";
}

function init_mrq()
{
mrq=document.getElementById("marquee");
fen=document.getElementById("fenetre");
fen.onmouseover=function()
{
stoc=pas;
pas=0
};

fen.onmouseout=function()
{
pas=stoc
};
fen.style.height=h_fen;
h_mrq=mrq.offsetHeight;
with ( mrq.style)
{
position="absolute";
top=h_fen;
}
setInterval("scrollmrq()",50);
}

window.onload=init_mrq
/ /-->
< /script>

< /head>

< body>

< div id="fenetre">
< div id="marquee">
< cite> Grâce à la balise html < /cite>
< /div>
< /div>

< /body>

< /html>

Reste une chose, je n´arrive pas à centrer le texte dans le cadre, malgré le " text-align: center;" !

MathieuN7
MathieuN7
Niveau 10
14 août 2004 à 13:59:30

Merci beaucoup à tous, je vais tester ceci de ce pas! :-d

MathieuN7
MathieuN7
Niveau 10
14 août 2004 à 14:37:54

MErci! C´est presque parfait, il reste en effet ce problème de centrage du texte... :doute: étrange!
Je cherche un peu de mon côté mais si vous trouvez la solution, donnez la ici svp! :)

freedix
freedix
Niveau 10
14 août 2004 à 14:54:55

Une vraie uzine à gaz ce truc. Ça bouffe toute mon UC :lol:

MathieuN7
MathieuN7
Niveau 10
14 août 2004 à 14:56:34

Moi c´est ouvert dans IE et dans firefox, et ça utilise rien du tout...

C´pa de ma faute si t´as un processeur à 2MHz :fier:

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 15:33:17

Faut être honnête, c´est plus saccadé qu´avec la balise < marquee>, mais par contre, ça s´arrête bien quand on passe le curseur dessus comme tu le désirais, contrairement à la 1ère méthode donnée tout en haut.
Et, bien que je n´ai pas encore testé, je pense que ça respecte la norme.

MathieuN7
MathieuN7
Niveau 10
14 août 2004 à 15:34:26

< marquee behavior="scroll" direction="up" scrollamount="2" scrolldelay="1" loop="-1" onmouseover=´this.stop()´ onmouseout=´this.start()´ >

Fait la même chose... Apparemmetn ça fait moins lagger freedix :rire:

freedix
freedix
Niveau 10
14 août 2004 à 15:34:38

Normal quand tu mets le curseur dessus ça le met en pause :-p

En tout cas, moi si y´a ça sur un site sur toutes les pages je vais pas plus loin que la deuxième :non: Ca rame trop :-p

Yoda_Software
Yoda_Software
Niveau 30
14 août 2004 à 16:02:55

Eh ! freedix, tu travaille sur quoi comme machine ? Un 8086 à 4,77MHz, 640Ko de Ram et 40 Mo de HDD ? On comprend mieux pourquoi tu utilise Linux ! :rire:
En fait quand tu critique Windows, c´est par jalousie, parce que tu ne peux pas l´installer sur ta machine ! :rire2:

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment