Tecnología

Inicio

Cómo incrustar códigos de cursor

Cómo incrustar códigos de cursor


códigos de cursor son en cascada de hojas de estilo (CSS) los elementos que permiten al diseñador de páginas web para controlar el aspecto del cursor en la pantalla. Proporcionar pistas visuales al usuario del sitio web cuando el cursor se mueve sobre un objeto, como un hipervínculo, puede ayudar a la navegación del usuario facilidad. visualización del cursor se controla mediante el modelo de objetos de documento (DOM) para definir un objeto, como texto o un enlace y combinándola con la configuración de CSS.

Instrucciones

1 Determinar el tipo de cursor deseada. Cursores aparecen como el defecto de los usuarios cuando no se especifica ningún estilo. El uso de "auto" permite que el navegador web para determinar el cursor apropiado, tal como una mano se presentan cuando el usuario se cierne sobre un hipervínculo. (Ver Referencias 1 para obtener una lista completa de los tipos de cursores compatibles).

2 Crear el objeto de que el cursor se aplicará a.

3 En la definición del objeto, añadir "style =" cursor:. [Tipo de cursor] " 'Por ejemplo, si crea un vínculo alguien podría hacer clic para obtener ayuda, es posible utilizar: <span style =" cursor: help "> Obtener ayuda </ span>. Esto cambiaría el cursor a una flecha con signo de interrogación cuando el usuario mantiene el ratón sobre las palabras "buscar ayuda."

4 Pruebe su nuevo cursor en un navegador.

Consejos y advertencias

  • Creación de un objeto de clase CSS en una hoja de estilo interna o externa permite que el cursor se utiliza en varios artículos sin tener que repetir el elemento de estilo cada vez. (Ver Recursos 1 para obtener información sobre la creación de hojas de estilo).
  • Internet Explorer es compatible con un tipo de cursor de "mano". Esto debe evitarse debido a la falta de apoyo de otros navegadores. Esto es equivalente a "puntero" en otros navegadores, que se prefiere.