HTML - Como cambiar de fondo en un sitio web con tan solo un clic

 
Vista:
sin imagen de perfil

Como cambiar de fondo en un sitio web con tan solo un clic

Publicado por Chava Mtz (1 intervención) el 19/04/2014 07:18:45
aquí les dejo un pequeño programita que me avente en javascript el cual nos permite cambiar de fondo en una pagina web al darle clic a un botón

asi quedaria el codigo html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Color de fondo aleatorio de un sitio web | chava mtz</title>
 
  <link rel="stylesheet" href="fondo.css">
 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="fondo.js"></script>
  <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
 
<body id="random_background">
 
  <div id="button_container">
    <a id="button" href="javascript:void(0);">Dame Click!</a>
  </div>
 
</body>
</html>

aca pueden ver como queda la pagina http://blogdecomputacion.com/fondo.html
aca pueden ver el codigo de fondo.css y el de fondo.js
http://blogdecomputacion.com/fondo.css
http://blogdecomputacion.com/fondo.js
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder