Entradas

Mostrando las entradas de 2021

¿Cómo ocultar mouse pasado un tiempo JavaScript?

Imagen
Hola hoy les traigo un efecto que nos puede servir en alguna ocasión para algún proyecto y ese es ocultar el cursor del mouse pasado x tiempo Las tecnologías que usaremos son: HTML: para crear la estrucura y los elementos necesarios CSS: utilizaremos la propiedad cursor para cambiar el cursor JavaScript: manejaremos todo lo necesario para realizar este proyecto usaremos ,setTimeout ,manejo de eventos addEventListener entre otros ¿Para qué nos puede servir esto? Pues en primer lugar y para lo que yo lo he usado es para crear mis reproductores personalizados de HTML5, después de un tiempo de inactividad del mouse se oculta el cursor logrando ver solo la pantalla, hay otras funcionalidades que les puedes dar y puedes usarlo para lo que realmente desees no solo ocultar el cursor pero en esta ocasión he decidido usar este ejemplo <div id="contenido"> </div> <style> /* le damos un estilo a nuestro div */ #contenido{

¿Cómo ocultar mouse pasado un tiempo JavaScript?

Imagen
Hola hoy les traigo un efecto que nos puede servir en alguna ocasión para algún proyecto y ese es ocultar el cursor del mouse pasado x tiempo Las tecnologías que usaremos son: HTML: para crear la estrucura y los elementos necesarios CSS: utilizaremos la propiedad cursor para cambiar el cursor JavaScript: manejaremos todo lo necesario para realizar este proyecto usaremos ,setTimeout ,manejo de eventos addEventListener entre otros ¿Para qué nos puede servir esto? Pues en primer lugar y para lo que yo lo he usado es para crear mis reproductores personalizados de HTML5, después de un tiempo de inactividad del mouse se oculta el cursor logrando ver solo la pantalla, hay otras funcionalidades que les puedes dar y puedes usarlo para lo que realmente desees no solo ocultar el cursor pero en esta ocasión he decidido usar este ejemplo <div id="contenido"> </div> <style> /* le damos un estilo a nuestro div */ #contenido{

Ejemplos Date con JavaScript

Cómo pudiste notar a penas entraste en esta página se mostró una alerta dándote las bienvenidas según la fecha de tu PC y dirás que tiene eso de grandioso la verdad nada pero lo tendrá. Lograr este efecto es tan fácil como declarar 3 condicionales y listo veamos. <script> var fecha=new Date(); var hora=fecha.getHours(); //accedemos a la hora que tiene el PC if(hora>=0 && hora<12){ alert("Buenas Dias!!!") } if(hora>=12&& hora<=18){ alert("Buenas Tardes!!!") } if(hora>18&& hora<=23){ alert("Buenas Noches!!!") } </script> La verdad el código anterior es muy sencillo pero logro a complicárseme un poco por las siguientes cuestiones Amanece a la misma hora en todos los países? , la madrugada se considera por la mañana y la frase "Son las 3 de la mañana" si en realidad no ha amanecido esas cuestiones y otras hicieron que pensara en la m

¿Cómo hacer scroll con JavaScript y HTML?

Aquí les traigo un tutorial de formas para hacer scroll a tu página espero que os funcione y disfrutéis. Scroll con anclas HTML  <div id="ancla"> <!--id del elemento al cual quieres hacer scroll --> </div> <!-- Contenido de relleno para obtener scroll --> <a href="#ancla">Ir Hacia arriba</a> Este ejemplo haría scroll hacia el elemento que tenga como id ancla Funciona estableciendo un id al elemento al cual se desea hacer scroll y un elemento <a> cuyo atributo href va a tener el valor del símbolo #+el id del elemento Por ejemplo queremos   desplazarnos hacia el final de la página bastaría con     Crear un elemento (ya sea un div,canvas,img etc) con un id en este caso le pondré id="hola"   ustedes pueden poner el que más os guste quedaría algo así  <div id="hola"></div> .          Ubicar dicho elemento al final de todo el contenido (para este ejemplo)     Crear un elemento <a&

Entradas más populares de este blog

Variables en JavaScript

¿Cómo ocultar mouse pasado un tiempo JavaScript?

Ejemplos Date con JavaScript