Cambiar el Puntero del Ratón en Javascript

Cambiar el Puntero del Raton en Javascript

Cambiar el cursor del raton es una forma sencilla de jazz encima de su pagina web con geniales efectos especiales. Cursor del raton estilos puede mejorar su pagina web la capacidad de uso de proporcionar a sus usuarios con una respuesta visual adicional, especialmente para los mas compleja de secuencias de comandos de paginas web, juegos y mapas interactivos. Javascript puede ser utilizado modificar el cursor del raton por el estilo, lo que le permite cambiar el cursor del raton basado en la fecha de hoy, el tiempo o casi cualquier cosa que usted puede imaginar. La tecnica de uso de Javascript, HTML y CSS juntos para crear paginas web dinamicas es DHTML (HTML Dinamico).

Cambiar el cursor del raton es una forma sencilla de jazz encima de su pagina web con geniales efectos especiales. Cursor del raton estilos puede mejorar su pagina web la capacidad de uso de proporcionar a sus usuarios con una respuesta visual adicional, especialmente para los mas compleja de secuencias de comandos de paginas web, juegos y mapas interactivos. Javascript puede ser utilizado modificar el cursor del raton por el estilo, lo que le permite cambiar el cursor del raton basado en la fecha de hoy, el tiempo o casi cualquier cosa que usted puede imaginar. La tecnica de uso de Javascript, HTML y CSS juntos para crear paginas web dinamicas es DHTML (HTML Dinamico).
Basic Cursores del Raton

• Hay varios defecto cursores del raton que puede ser utilizado por modificar el estilo de un elemento de pagina o cuerpo del documento. Estos cursor estilos incluyen por defecto, en forma de cruz, de la mano, movimiento, texto, wai y ayuda. Ver 'El CSS de la Propiedad cursor' vinculado en la seccion de Recursos para obtener informacion completa sobre todos los basicos cursor estilos. El cursor estilo se muestra al pasar el cursor sobre un elemento se puede establecer mediante el uso de CSS, como en este ejemplo:
  Cruz

Personalizado Cursores del Raton

• ademas de los basicos De los cursores, cursores personalizados puede ser utilizado para la creacion del cursor estilo a la direccion de un archivo de cursor o de la imagen, como en el siguiente ejemplo:
  cursor Personalizado
  compatibilidad del Navegador con el cursor de estilos y tipos de archivo es incompatible. Por ejemplo, Internet Explorer espera archivos de cursor .cur o .ani extensiones. Firefox no como cursores animados (.ani archivos), y se espera un basico de cursor para ser listados en adicion a cursor o archivo de imagen. Para obtener los mejores resultados entre los navegadores, proporcionar un archivo de cursor (.cur o .ani), un archivo de imagen (PNG, JPEG o GIF), y una base de tipo de cursor como una reserva. En este ejemplo se utiliza un cursor animado por su primera eleccion, un simple archivo de cursor como la segunda opcion y el defecto basico del cursor como la ultima opcion de reserva. El navegador va a probar cada opcion hasta que encuentra uno que se puede utilizar.
  cursor Personalizado
  'Abrir Biblioteca de Cursor' vinculado en la seccion de Recursos que ofrece, de forma gratuita, sin complicaciones cursor del raton colecciones.

Cambiar el Cursor de Estilo en linea con Javascript

• Se puede cambiar el cursor del raton de estilo CSS con Javascript. Hay varios atributos HTML relativa a las acciones del raton se puede utilizar para ejecutar Javascript cuando el raton se hace clic, se mueve o se cernia sobre un elemento de la pagina web. Algunos de estos atributos son:
  onmouseover: el puntero del Raton pasa por encima de la elementonmousedown: boton del Raton pressedonmouseup: boton del Raton releasedonmouseout: el puntero del Raton se mueve fuera de la elementonclick: boton del Raton clickedondblclick: boton del Raton haga doble clic
  Consulte el 'Caso de los Atributos de enlace en la seccion Recursos para obtener mas atributos de evento que usted puede utilizar para agregar Javascript acciones.
  Agregar una accion Javascript para un evento, como un raton, simplemente estableciendo el valor del atributo para el codigo Javascript que quieres que se ejecute. En este ejemplo, el cursor cambia a la base de la 'ayuda' del cursor cuando se pase el raton por encima del enlace:
  Ayuda

Diversion con Funciones

• a Veces, usted desea hacer mas de lo que se ajusta comodamente en una accion del raton atributo. Por escrito todas sus acciones en una funcion de Javascript, puedes meter todo el codigo en la parte superior de tu documento HTML, y hacer que el cursor de la magia suceda con una simple llamada a la funcion en el atributo de evento. Esta simple funcion de Javascript cambia el cursor de estilo para la pagina web del elemento pasado como parametro de 'el':
  funcion setElementCursor (el) {el.de estilo.cursor = /'URL(3DArrow.cur), en forma de cruz/'
  
  }
  Esta funcion se encuentra en una seccion de secuencia de comandos en el encabezado del documento (entre y ), o en una externa archivo de codigo Javascript que se hace referencia en el encabezado del documento. Para utilizar esta funcion, llamada a la funcion con la palabra 'esto' de un evento de los atributos de una etiqueta HTML. La funcion recibe una referencia al elemento de la pagina web asociada con el evento de raton y el cursor cambia su estilo. Por ejemplo, cuando el puntero del raton se mueve sobre este texto vinculado, el cursor muestra sera definida por la funcion:
  coloque el cursor para este enlace
  tambien puede cambiar el principal cursor que aparece cuando el cursor del raton sobre el fondo de la pagina web. Esta funcion de Javascript que establece el cursor del raton por la pagina web principal cuerpo basado en el valor que se pasa a la funcion como parametro 'curtype':
  funcion setMainCursor (curtype) {switch (curtype) {case /'carga de/' : documento.cuerpo.de estilo.cursor = /'URL(de trabajo.ani), URL(de trabajo.png), esperar/' break
  
  caso /'prohibido/': documento.cuerpo.de estilo.cursor = /'URL(no esta disponible.ani), URL(no esta disponible.png), por defecto/' break
  
  caso /'default/':valor predeterminado: documento.cuerpo.de estilo.cursor = /'URL(la flecha.cur), default/'
  
  }}
  Para utilizar esta funcion, llamada a la funcion con el valor de ' loading,' 'prohibido', o 'default' de un evento de los atributos de una etiqueta HTML. Por ejemplo, esta forma de presentar boton se llama a la funcion para ajustar el cursor a 'carga' cuando se pulsa el boton:
  
  no Hay limite a lo que puede hacer con las funciones de Javascript. La siguiente funcion realiza una cuenta atras, cambiando el principal cursor del raton cada segundo a un cursor de la imagen asociada con el numero actual. El setTimeOut funcion se utiliza para provocar la funcion del sueño para un segundo antes de que sea llamado de nuevo con la actualizacion de la cuenta.
  funcion doCountdownCursor (count) {document.cuerpo.de estilo.cursor = /'URL(/' el conde /'.ani), URL(/' el conde /'.png), esperar/'
  
  conteo &
  
  if (count > 0) {setTimeout (/'doCountdownCursor (/' el conde /')/', 1000)
  
  }else {document.cuerpo.de estilo.cursor = /'URL(la flecha.cur), default/'
  
  }}
  En la pagina web, utilice esta funcion para tener el cursor del raton cuenta regresiva del 10 al presentar un formulario de clic en el boton.