Efecto agua
Quisiera introducir en mi web un efecto como de agua en una pagina htm, porque es una oferta de verano
1 Respuesta
Respuesta de tabitah
1
Pues mira no tengo hecho el efecto de agua o lluvia, pero tengo éste que hice como ejemplo de nieve para navidad, mi sugerencia es que cambies la imagen sn5.gif, por una image tipo gota o línea de agua para que lo visialices como lluvia.
Espero que te agrade y sirva.
<html>
<head>
<TITLE>Dreaming of a white christmas: ultimate snowing-script</TITLE>
<meta NAME="keywords" CONTENT="DHTML, animation, fun, onmouseomve, Dynamic HTML, CSS, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript">
<meta NAME="description" CONTENT="Are you dreaming of a white christmas? Download this ultimate snowing-script and put your visitors in the right mood for Christmas. Made for IE4x.">
</head>
<STYLE TYPE="text/css">
<!--
A { font-family: Arial,Helvetica,sans-serif; color:#FFFFFF;text-decoration:underline}
A:visited { font-family: Arial,Helvetica,sans-serif; color: #FFFFFF}
A:hover { font-family: Arial,Helvetica,sans-serif; color: #FFFFFF}
-->
</STYLE>
<script>
<!-- Beginning of JavaScript -
// Snowflake
// Copyright Peter Gehrig and Urs Dudli
// http://www.24fun.ch
// [email protected]
// 12/3/1999
// All rights reserved
var marginbottom
var timer
var i_snow=0
// randomfunction
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initate() {
if (document.all) {
marginbottom = document.body.clientHeight
var thissnow = eval("document.all.snow"+i_snow+".style")
thissnow.posLeft=(i_snow*40)-50
thissnow.posTop=randommaker(marginbottom*2)-marginbottom
if (i_snow >=24) {
i_snow=0
clearTimeout(timer)
movesnow()
}
else {
i_snow++
initate()
}
}
}
function movesnow() {
if (document.all) {
for (i=0;i<=24;i++) {
var thissnow = eval("document.all.snow"+i+".style")
var rand=Math.floor(24*Math.random())
thissnow.posLeft+=rand-12
thissnow.posTop+=rand
if (thissnow.posTop>=marginbottom){thissnow.posTop=-150}
}
timer=setTimeout("movesnow()",100)
}
}
// - End of JavaScript - -->
</script>
<body bgcolor=#FFFFFF onLoad="initate()">
<p> </p>
<p>SNOWING</p>
<p>
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=24;i++) {
document.write("<div id='snow"+i+"' style='position:absolute'><img src='sn5.gif'></div>")
}
// - End of JavaScript - -->
</script>
</p>
</body>
</html>
Espero que te agrade y sirva.
<html>
<head>
<TITLE>Dreaming of a white christmas: ultimate snowing-script</TITLE>
<meta NAME="keywords" CONTENT="DHTML, animation, fun, onmouseomve, Dynamic HTML, CSS, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript">
<meta NAME="description" CONTENT="Are you dreaming of a white christmas? Download this ultimate snowing-script and put your visitors in the right mood for Christmas. Made for IE4x.">
</head>
<STYLE TYPE="text/css">
<!--
A { font-family: Arial,Helvetica,sans-serif; color:#FFFFFF;text-decoration:underline}
A:visited { font-family: Arial,Helvetica,sans-serif; color: #FFFFFF}
A:hover { font-family: Arial,Helvetica,sans-serif; color: #FFFFFF}
-->
</STYLE>
<script>
<!-- Beginning of JavaScript -
// Snowflake
// Copyright Peter Gehrig and Urs Dudli
// http://www.24fun.ch
// [email protected]
// 12/3/1999
// All rights reserved
var marginbottom
var timer
var i_snow=0
// randomfunction
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initate() {
if (document.all) {
marginbottom = document.body.clientHeight
var thissnow = eval("document.all.snow"+i_snow+".style")
thissnow.posLeft=(i_snow*40)-50
thissnow.posTop=randommaker(marginbottom*2)-marginbottom
if (i_snow >=24) {
i_snow=0
clearTimeout(timer)
movesnow()
}
else {
i_snow++
initate()
}
}
}
function movesnow() {
if (document.all) {
for (i=0;i<=24;i++) {
var thissnow = eval("document.all.snow"+i+".style")
var rand=Math.floor(24*Math.random())
thissnow.posLeft+=rand-12
thissnow.posTop+=rand
if (thissnow.posTop>=marginbottom){thissnow.posTop=-150}
}
timer=setTimeout("movesnow()",100)
}
}
// - End of JavaScript - -->
</script>
<body bgcolor=#FFFFFF onLoad="initate()">
<p> </p>
<p>SNOWING</p>
<p>
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=24;i++) {
document.write("<div id='snow"+i+"' style='position:absolute'><img src='sn5.gif'></div>")
}
// - End of JavaScript - -->
</script>
</p>
</body>
</html>
Muchas gracias!! la verdad es q era agua tipo no se verano, como cuando con el cursor encima de la pagina hace como aguas....Pero da igual, muchas gracias por darme el script!!!!!!!!
