Onmouseover scroll bar

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Onmouseover scroll bar

Maureen777

Bonjour !!

J'ai placé un texte dans un scrolling div (il y a donc une barre de défilement à la droite du texte afin qu'il s'affiche en entier), sauf que je souhaiterai savoir comment changer cette scrollbar en une barre un peu dans ce genre http://neskaya.net/layouts/bunnyattack/ ? Dans laquelle la souris passe sur la flèche , et le texte défile automatiquement?

Merci beaucoup !

Code :

<p style="text-align: center;">
<script type="text/javascript">// <![CDATA[
function scrollBar(){
document.getElementById('foo').style.overflow="auto";
document.onmouseout=function(){
document.getElementById('foo').style.overflow="hidden";
}
}
// ]]></script>
</p>
<div id="foo" onmouseover="scrollBar()">
<span style="font-size: 12pt;"><em><strong><span style="color: #000000;"><span style="font-family: georgia, palatino;">Blog en reconstruction/ Blog under construction  
 </span></span></strong></em></span>
<p> </p>
<p style="text-align: justify;">
Mon texte
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
</p>
<style type="text/css"><!--
/*<![CDATA[*/
#foo {
width:634px;
height:150px;
text-align:justify;
overflow:hidden
}
/*//]]>*/
--></style>

Message édité par Maureen777 le 23-11-2010 à 15:59:47

Publicité

David Boring

À partir du moment où tu as trouvé l'effet, tu peux te servir, c'est du front, toutes les sources sont disponibles.
Emploies un inspecteur comme firebug, examine le html correspondant, et regardes le code du javascript associé.
C'est franchement plus rapide de faire cela que poser une question sur le forum.

FORUM HardWare.fr

Programmation

HTML/CSS

Onmouseover scroll bar

Sujets relatifs
onmouseover ne fonctionne pas	Api Facebook - Désactiver les scroll bar
dessin du JPanel qui s'efface qd je scroll	Javascript onmouseover
JS - XHTML - question sur onmouseover	Positionnement d'élements, scroll et élements défilants
[annulé/résolu]soucis onMouseOver et onMouseOut sur lien + image	Galerie html, avec scroll bar horizontal ...
décalage image lors de la fonction onmouseover/onmouseout	onmouseover sur un tr
Plus de sujets relatifs à : Onmouseover scroll bar

Page générée en 0.059 secondes