Onmouseover scroll bar

Onmouseover scroll bar - HTML/CSS - Programmation

Marsh Posté le 23-11-2010 à 15:48:14    

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 :
  1. <p style="text-align: center;">
  2. <script type="text/javascript">// <![CDATA[
  3. function scrollBar(){
  4.     document.getElementById('foo').style.overflow="auto";
  5.     document.onmouseout=function(){
  6.     document.getElementById('foo').style.overflow="hidden";
  7. }
  8. }
  9. // ]]></script>
  10. </p>
  11. <div id="foo" onmouseover="scrollBar()">
  12.     <span style="font-size: 12pt;"><em><strong><span style="color: #000000;"><span style="font-family: georgia, palatino;">Blog en reconstruction/ Blog under construction &nbsp;
  13.     &nbsp;</span></span></strong></em></span>
  14. <p>&nbsp;</p>
  15. <p style="text-align: justify;">
  16.    
  17. Mon texte
  18.  
  19. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  20. </p>
  21. <style type="text/css"><!--
  22. /*<![CDATA[*/
  23. #foo {
  24.     width:634px;
  25.     height:150px;
  26.     text-align:justify;
  27.     overflow:hidden
  28. }
  29. /*//]]>*/
  30. --></style>



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

Marsh Posté le 23-11-2010 à 15:48:14   

Reply

Marsh Posté le 23-11-2010 à 16:07:20    

À 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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed