Código de JavaScript - Revelar imagen y otros contenidos OnClick

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Revelar imagen y otros contenidos OnClick

JavaScript

(1)

Actualizado el 18 de Marzo del 2018 por Scriptshow (141 códigos) (Publicado el 16 de Marzo del 2018)

2.175 visualizaciones desde el 16 de Marzo del 2018

Código que permite hacer transparentes zonas para dejar ver una imagen; fondo, texto, contenidos...

Se pueden crear divisiones calculando el número total de ellas. Un bucle, se encarga de generar los elementos virtualmente. Al clicar en dichos elementos, el fondo correspondiente se hace transparente.

Tiene variadas aplicaciones: crear Menús, Intros, Onepage, etc. Lo vemos e imaginamos con el ejemplo.

Un saludo

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(1)

Publicado el 16 de Marzo del 2018

gráfica de visualizaciones de la versión: 1.0

2.176 visualizaciones desde el 16 de Marzo del 2018

<!DOCTYPE html>

<html>

<head>

<title>T e s t</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<meta name="viewport" content="width=device-width">

<style>

* {

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

border: none;

.quad {

width: 25%;

height: 100%;

background: #44DDDD;

display: inline-block;

transition: all 2s ease;

</style>

<script type="text/javascript">

var obj="", i;

onload=function(){

for (i=0;i<4;i++) {

obj +="<span class=\"quad\" onclick=\"hidd(this)\"><h2>"+i+"</h2></span>";

document.getElementById("todo").innerHTML=obj;

function hidd(e){

e.style.background="transparent";

</script>

</head>

<body>

<img src="imagen.jpg" style="position:absolute;z-index:-4">

<div id="todo"></div>

</body>

</html>

Comentarios sobre la versión: 1.0 (1)

xve

19 de Marzo del 2018

Muy interesante!!!

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4485

Ejemplo de generar un archivo pdf con jsPDF

Teorema de pitagoras con procedimietnto

Código de JavaScript - Revelar imagen y otros contenidos OnClick

Requerimientos

1.0(1)

Comentarios sobre la versión: 1.0 (1)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(1)