Volver al Foro de Diseño de páginas Web

Cambiar el cursor del ratón para onMouseOver

  • OlsVer
  • Born
  • Born
  • No Avatar
  • Registrado: Sep 16, 2008
  • Mensajes: 1
  • Status: Offline

Nota Septiembre 16th, 2008, 10:52 am

Tengo botones que ocultar y mostrar capas. Sin embargo, no cambio el cursor del ratón como un vínculo y no sé cómo me gustaría personalizar lo que hace.

La página se trata es http://www.islandcottageholidays.com

¿Quién puede ayudar?

Saludos

Oliver
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 16th, 2008, 10:52 am

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Septiembre 16th, 2008, 12:01 pm

Hmm no se trata de una cuestión de Flash. Parece que usted necesita para usar Javascript para cambiar una propiedad css.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Septiembre 16th, 2008, 3:30 pm

¿Qué le parece el atributo CSS cursor ?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Maisara-WD
  • Novice
  • Novice
  • No Avatar
  • Registrado: Sep 16, 2008
  • Mensajes: 15
  • Status: Offline

Nota Septiembre 17th, 2008, 12:56 pm

Bogey escribió:
¿Qué le parece el atributo CSS cursor ?


Sí...

tratar esta propiedad con los medios mencionados en esta página

dentro del estilo atributo para la etiqueta de elemento ur:

cursor: y elija una de las siguientes...

url: la URL de un cursor personalizado para ser utilizado. (Nota: Siempre definir un genérico cursor al final de la lista en caso de que ninguna de las url definidas cursores se puede utilizar
)

El valor predeterminado por defecto del cursor (a menudo una flecha)
automática por defecto: El navegador establece un cursor
mira: El cursor se hacen como una mira
puntero: El cursor se hacen como un puntero (a mano) que indica un vínculo
jugada: El cursor indica algo que debe trasladarse
e-tamaño: El cursor se indica que una ventaja de un cuadro se trasladó la derecha (este)
NE-tamaño : El cursor se indica que un borde de una caja se movió hacia arriba y la derecha (norte-este)
NW-el tamaño: El cursor se indica que un borde de una caja se movió hacia arriba y la izquierda (norte / oeste)
n-tamaño: El cursor se indica que un borde de una caja se movió hacia arriba (norte)
- el tamaño sí: El cursor se indica que una ventaja de un cuadro se trasladó hacia abajo ya la derecha (sur / este)
sw-el tamaño: El cursor se indica que una ventaja de un cuadro se trasladó hacia abajo y la izquierda (sur / oeste)
s-el tamaño: El cursor indica que una ventaja de un cuadro se trasladó hacia abajo (sur)
w-tamaño: El cursor se indica que una ventaja de un cuadro se trasladó la izquierda (oeste)
El texto: cursor indica el texto
El esperar: cursor indica que el programa está ocupado (a menudo un reloj o un reloj de arena)
La ayuda: cursor indica que hay ayuda disponible (a menudo un signo de interrogación o un globo)

Espero que ayude
  • bishop_ian
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Abr 27, 2010
  • Mensajes: 14
  • Status: Offline

Nota Abril 27th, 2010, 5:56 am

CSS tendrá este aspecto ..

CSS Código: [ Select ]
a.pic {
display: block;
width: 100px;
height: 50px;
background: transparent url(image1.jpg) no-repeat;
}
 
a.pic:hover {
background-position: -100px 0;
}
  1. a.pic {
  2. display: block;
  3. width: 100px;
  4. height: 50px;
  5. background: transparent url(image1.jpg) no-repeat;
  6. }
  7.  
  8. a.pic:hover {
  9. background-position: -100px 0;
  10. }



HTML será....
HTML Código: [ Select ]
<div>
<a class="pic" href="#">link</a>
</div>
  1. <div>
  2. <a class="pic" href="#">link</a>
  3. </div>


Espero que esto le ayudará
Moderator Remark: Remember to use css and html bbcode around your actual code in your posts on ozzu

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 173 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC