Entradas

Mostrando las entradas de diciembre, 2020

¿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{
Publicar un comentario
Leer más

Variables en JavaScript

Imagen
Siguiendo la programación web de Empezando con JavaScript hoy vengo con las variables de este lenguaje. Las variables son como cajas donde podremos guardar información temporalmente se les denomina así porque su contenido puede cambiar en cualquier momento durante el desarrollo del programa. Puede tomar los siguientes valores: ·     Números  (enteros, decimales, etc.). ·        Cadenas de caracteres. ·       Valores lógicos (True y False). ·   O bjetos (una ventana, un texto, un formulario, etc.).   Para declarar una variable utiliza la siguiente sintaxis  La palabra reservada var   var nombre=1; Que hice? .Esto es una estructura básica de una variable numérica estoy diciendo que la variable nombre es igual a 1 pueden darle cualquier nombre a la variable el que deseéis             Ejemplo de variable con decimal var decimales=12.32; Esto es una variable con decimal debemos tener en cuenta que se usa ( . ) y no coma como es común encontrar en el idio
Publicar un comentario
Leer más

Entradas más populares de este blog

¿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&
Leer más

Que es el bitcoin

Imagen
Hola hoy les traigo una ayuda para que podáis comprender de manera sencilla que es el Bitcoin mostrando sus principales características y datos que te pueden ser útiles si somos novatos en este mundo que te pueden aclarar bastante. Bueno en este post lejos de darle una extensa definición intentare ser lo más claro y conciso acerca de que es el Bitcoin y cómo funciona bueno comencemos pero antes formúlate la siguiente pregunta ¿sabes tú cual es la moneda de mayor valor mundial?. Nota: El Bitcoin es una moneda virtual es decir solo existe en el internet Bueno si no tenemos idea de que va el Bitcoin su respuesta a esa pregunta quizás haya sido alguna moneda de algún país o algo parecido, pero la respuesta es el Bitcoin con un valor de 9800USD (a la hora de subir este blog) es decir 1 Bitcoin tiene un valor de 9800 dólares es la moneda o criptomoneda de mayor valor actualmente Nota:Una criptomoneda o criptodivisa es un medio digital de intercambio. En el año 2009 Satoshi Nak
Leer más

¿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{
Leer más