Mostrar los tags: html

Mostrando del 171 al 180 de 219 coincidencias
Se ha buscado por el tag: html
Imágen de perfil

Movimiento inverso al mouse


JavaScript

Publicado el 6 de Noviembre del 2016 por Scriptshow (141 códigos)
2.174 visualizaciones desde el 6 de Noviembre del 2016
Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.
Imágen de perfil

Cambiar el aspecto de un elemento al mover el scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Noviembre del 2016 por Scriptshow (141 códigos)
3.643 visualizaciones desde el 4 de Noviembre del 2016
Sencillo experimento basado en el evento OnScroll para cambiar el aspecto, posición, visibilidad, etc. de un elemento u objeto.
Hemos visto como aparecen progresivamente contenidos según avanzamos el scroll de pantalla... Este básico script, puede adaptarse para éso y más efectos; no consume recursos innecesarios, no precisa librería alguna, sólo una función JS y pocas líneas de código se encargan de casi todo.
Imágen de perfil

Movimiento aleatorio bounce simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Noviembre del 2016 por Scriptshow (141 códigos)
5.557 visualizaciones desde el 4 de Noviembre del 2016
Código resumido al máximo para un efecto bounce de un objeto por la zona visible del navegador.
Puede ser la base para crear un Pong; Banner; Salvapantallas...

Para experimentar, en definitiva...
Imágen de perfil

Texto junto al puntero del mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 5 de Noviembre del 2016 por Scriptshow (141 códigos)
6.526 visualizaciones desde el 5 de Noviembre del 2016
Pequeñísimo script para uso experimental que hace posible un mensaje de texto acompañando al cursor. También se puede poner una imagen, figura, etc...

Le afecta el DOCTYPE, a tener en cuenta para incluir en proyectos.
Imágen de perfil

Links con animaciones Zoom - Color Onmouseover


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Noviembre del 2016 por Scriptshow (141 códigos)
1.745 visualizaciones desde el 2 de Noviembre del 2016
Links que al pasar el mouse se desprende texto con animaciones tipo: cambiar el color de forma aleatoria, hacer zoom de texto que se arrastra al mover el mouse...
Forma parte de una serie de experimentos creados en JavaScript y DHTML.

Espero sea útil.
Imágen de perfil

Desactivar eventos de forma selectiva


JavaScript

Actualizado el 27 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 21 de Octubre del 2016)
1.829 visualizaciones desde el 21 de Octubre del 2016
En ocasiones se precisa desactivar eventos por diversas razones: El menú contextual para crear uno personalizado; la selección de texto, imagen, etc... La mayoría de los eventos se pueden manejar con javascript. Utilizaremos unos pocos y conocidos para este ejemplo. Podemos incluir otros muchos hasta dejar casi inoperativa u operativa cualquier acción. En fin...
Imágen de perfil

Evitar la selección de texto con una Class CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 25 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 21 de Octubre del 2016)
3.809 visualizaciones desde el 21 de Octubre del 2016
Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.
Imágen de perfil

Buscar cadena en el DOM


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 20 de Octubre del 2016 por Kip (28 códigos)
6.903 visualizaciones desde el 20 de Octubre del 2016
Funcion que permite hacer una busqueda en el DOM, exceptuando los elementos BUTTON e INPUT, hace un highlight de las coincidencias mientras se las escribe en el input con el atributo ID asignado, haciendo uso de expresiones regulares.

busc

Su uso es sencillo, colocar el codigo de la funcion al inicio del documento y al final llamar a la funcion enviando como parametro el atributo ID del input en donde se ingresara la busqueda.

1
2
3
<script type="text/javascript">
	searchDOM('busqueda');
</script>

wdodfMlncX

Saludos.
Imágen de perfil

Simple Modal Crossbrowser


JavaScript

Publicado el 18 de Octubre del 2016 por Scriptshow (141 códigos)
1.913 visualizaciones desde el 18 de Octubre del 2016
Un sencillo Light-box ó Modal crossbrowser creado desde cero. Dos funciones JS y CSS es suficiente para conseguir el efecto. No precisa de ninguna librería. Es fácil de adaptar a cualquier proyecto...
Imágen de perfil

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
18.139 visualizaciones desde el 8 de Octubre del 2016
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.