Libros
Páginas: 16 (3849 palabras)
Publicado: 3 de octubre de 2012
EFECTOS CON TEXTOS
TEXTOS
EFECTOS DE ONDA |
<html>
<head>
<title>Efecto de onda en texto</title>
</head>
<body onload="doWave(0)" style="font-family: Verdana">
<p align="center"><b>Efecto de onda en texto
<script language="JavaScript">
//put your text here
var theText = "Javascripts Astalaweb";
functionnextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>"+text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
</b></p>
<div ID="theDiv" align="center">
</div>
</body>
</html> |
CRONOMETROS
UN INTERESANTE CRONOMETRO
CRONOMETRO |
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="JavaScript">
<!-- Oculto para browser antiguos
// Este y otrosJavaScripts en:
// http://www.gratisss.bizland.com
var hora = "0"
var minuto = "00"
var segundo = "0"
function cronometro(){
if ((minuto < 10) && (minuto != "00")){
bajamin = "0" + minuto
}
else{
bajamin = minuto
}
bajasec = (segundo < 10) ? segundo = "0" + segundo : segundo
document.cronometro.gratisss.value = hora + ":" + bajamin + ":" + bajasec
if (segundo < 59){segundo++
}
else{
segundo = "0"
minuto++
if (minuto > 59){
minuto = "00"
hora++
}
}
window.setTimeout("cronometro()",1000)
}
// -->
</SCRIPT>
</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="cronometro()"><div id="content_barra_galeon">
<div id="contenido_barra_galeon2"><center></center>
<form name="cronometro">
<b>Cronometro: </b><input type=text value="" name="gratisss" size=8>
</form>
</body>
</html> |
UN CALENDARIO SIMPLE
CALENDARIO SIMPLE |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="100%"><script LANGUAGE="JavaScript">
<!--
var timerID = null;
var timerRunning = false;
function stopclock()
{
if(timerRunning)clearTimeout(timerID);
timerRunning = false;
}
function startclock()
{
stopclock();
showtime();
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ?":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
return '';
}
// -->
</script>
<script LANGUAGE="JavaScript">
<!-- to hide script...
TEXTOS
EFECTOS DE ONDA |
<html>
<head>
<title>Efecto de onda en texto</title>
</head>
<body onload="doWave(0)" style="font-family: Verdana">
<p align="center"><b>Efecto de onda en texto
<script language="JavaScript">
//put your text here
var theText = "Javascripts Astalaweb";
functionnextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>"+text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
</b></p>
<div ID="theDiv" align="center">
</div>
</body>
</html> |
CRONOMETROS
UN INTERESANTE CRONOMETRO
CRONOMETRO |
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="JavaScript">
<!-- Oculto para browser antiguos
// Este y otrosJavaScripts en:
// http://www.gratisss.bizland.com
var hora = "0"
var minuto = "00"
var segundo = "0"
function cronometro(){
if ((minuto < 10) && (minuto != "00")){
bajamin = "0" + minuto
}
else{
bajamin = minuto
}
bajasec = (segundo < 10) ? segundo = "0" + segundo : segundo
document.cronometro.gratisss.value = hora + ":" + bajamin + ":" + bajasec
if (segundo < 59){segundo++
}
else{
segundo = "0"
minuto++
if (minuto > 59){
minuto = "00"
hora++
}
}
window.setTimeout("cronometro()",1000)
}
// -->
</SCRIPT>
</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="cronometro()"><div id="content_barra_galeon">
<div id="contenido_barra_galeon2"><center></center>
<form name="cronometro">
<b>Cronometro: </b><input type=text value="" name="gratisss" size=8>
</form>
</body>
</html> |
UN CALENDARIO SIMPLE
CALENDARIO SIMPLE |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="100%"><script LANGUAGE="JavaScript">
<!--
var timerID = null;
var timerRunning = false;
function stopclock()
{
if(timerRunning)clearTimeout(timerID);
timerRunning = false;
}
function startclock()
{
stopclock();
showtime();
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ?":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
return '';
}
// -->
</script>
<script LANGUAGE="JavaScript">
<!-- to hide script...
Leer documento completo
Regístrate para leer el documento completo.