Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thiagocs

Trocar cor do scrollbar

Por , em Javascript

Recommended Posts

thiagocs    0

thiagocs
Postado

O código abaixo troca a cor do scrollbar, é mto legal.... Alguém sabe como trocar a classe do Body ao invés de especificar tanta coisa .....

 

<html><head></head><body><script language="JavaScript1.2"><!--function scrollBar(line,face,theme)	{  if (!line||!face) 	 {    line=null;    face=null;    switch(theme) // Predefined themes   	 {      case "blue":     	 var line="#78AAFF";     	 var face="#EBF5FF";     	 break;      case "orange":     	 var line="#FBBB37";     	 var face="#FFF9DF";     	 break;      case "red":     	 var line="#FF7979";     	 var face="#FFE3DD";     	 break;      case "green":     	 var line="#00C600";     	 var face="#D1EED0";     	 break;      case "neo":     	 var line="#BC7E41";     	 var face="#EFE0D1";     	 break;   	 } 	 }    with(document.body.style)   	 {      scrollbarDarkShadowColor=line;      scrollbar3dLightColor=line;      scrollbarArrowColor="black";      scrollbarBaseColor=face;      scrollbarFaceColor=face;      scrollbarHighlightColor=face;      scrollbarShadowColor=face;      scrollbarTrackColor="#F3F3F3";   	 } 	 }/*------------------[Pointer coordinates catcher]---------------*/function colorBar(){  var w = document.body.clientWidth;  var h = document.body.clientHeight;  var x = event.clientX;  var y = event.clientY;  if(x>w||y-3>h) scrollBar('#000080','#BFDFFF'); // Your colors  else scrollBar(null,null,"neo"); // A predefined theme	}if (document.all){scrollBar(null,null,"neo");document.onmousemove=colorBar;}function offscreen(){scrollBar(null,null,"neo");}document.onmouseout=offscreen;//--></script><table height="2000"><tr><td></td></tr></table></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

basta especificar o body.className='nome_estilo'exemplo:

<html><head><style type="text/css"> .corpo1{  color:000000; font-family:verdana; font-size:11px;  SCROLLBAR-FACE-COLOR:5F9F9F;  SCROLLBAR-HIGHLIGHT-COLOR:70DBDB;  SCROLLBAR-SHADOW-COLOR:ffffff;  SCROLLBAR-3DLIGHT-COLOR:333333;  SCROLLBAR-ARROW-COLOR:000000;  SCROLLBAR-TRACK-COLOR:ffffff;  SCROLLBAR-DARKSHADOW-COLOR:000000; } .corpo2{  color:000000; font-family:verdana; font-size:11px;  SCROLLBAR-FACE-COLOR:000000;  SCROLLBAR-HIGHLIGHT-COLOR:333333;  SCROLLBAR-SHADOW-COLOR:ffffff;  SCROLLBAR-3DLIGHT-COLOR:333333;  SCROLLBAR-ARROW-COLOR:000000;  SCROLLBAR-TRACK-COLOR:ffffff;  SCROLLBAR-DARKSHADOW-COLOR:000000; }</style></head><body class=corpo1><a href="java script:;" onclick="body.className='corpo2';">teste</a></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiagocs    0

thiagocs
Postado

eu quero trocar a class para criar o mesmo efeito do código que eu postei mas sem muda estilo(with(document.body.style)) e sem usar aqueles temas.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito