Check the new version here

Popular channels

Códigos HTLM para mejorar tu web part2

Hola de nuevo a [email protected], ahora les traigo una segunda parte de los códigos HTML para mejorar tu web y para llamar la atención de todos tus visitantes para que decidan volver una vez más.
Espero te Sirvan.
Para agregar el código solo copia el que te gusta y pegalo en tu pagina web en el editor HTML y listo!

Un Cursor diferente al entrar en tu pagina
Cambia el nombre del cursor por el que quieras utilizar y recuerda subir el cursor a tu servidor en el mismo directorio donde este la pagina . Bajate el que mas te guste . Boton derecho , guardar como ...


<style>
<!--
BODY{
CURSOR: url(NOMBRE DEL CURSOR);
}
-->
</style>

Codigo,texto con sombra.
Efecto de texto en 3d , pon el texto a tu gusto los colores el ancho , tamaño y alto .

<div id="sombra" style="position:relative;width:300;height:50r;filter:shadow(color=#00FFFF)"> <br> <font color=#CC0000 size=5>AQUI TU TEXTO<br></DIV><br>

</font></br>

Texto cambia dejando mensajes de manera expectacular .
Texto que aparece dejando mensajes

<script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //tag que abre los mensajes
fcontent[0]="<b></b><br><br>Crea tu propia pagina personal."
fcontent[1]="Monta tu pagina con FrontPage Express , veras que es muy facil."
fcontent[2]="En estas paginas encontraras los recursos y la manera de poder realizarlo de forma muy sencilla."
closetag='</font>'

var fwidth=150 //ancho
var fheight=150 //alto

///No editar/////////////////

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=2000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller".style.color="rgb(255,255,255)"
document.getElementById("fscroller".innerHTML=begintag+fcontent[index]+closetag
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////

frame=20;
hex=255 // Initial color value.

function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=10; // increase color value
document.getElementById("fscroller".style.color="rgb("+hex+","+hex+","+hex+"";// Set color value.
frame--;
setTimeout("colorfade()",20);
}
else{
document.getElementById("fscroller".style.color="rgb(255,0,0)";
frame=20;
hex=255
}
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>

Rota imagenes en forma de cubo , soporta gif y jpg .

<!-- Mas scripts en http://www.creatupropiaweb.com -->
<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="boy4.gif"
specifyimage[1]="boy5.gif"
specifyimage[2]="boy6.gif"

var delay=3000 //3 seconds

//Counter for array
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage=new Image()
cubeimage.src=specifyimage
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)"
</script>

<img src="boy4.gif" name="cube" border=0 style="filter:progidXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">


Boton que rota enlaces , puedes incluir todos los que quieras .

<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
<!-- Mas scripts en http://www.creatupropiaweb.com -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Crea tu propia WEB"
urlArr[1] = "http://www.creatupropiaweb.com"
lineArr[2] = "Los Codigos Web"
urlArr[2] = "http://www.iespana.es/LosCodigosWeb/"
lineArr[3] = "La web del Albañil"
urlArr[3] = "http://es.geocities.com/juha_web/index.htm"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name="formDisplay">";
document.write("<input type="button" name="buttonFace" value="&{lineText}" size="18" onClick="GotoUrl(urlArr[lineNo])">";
document.write("</form>";
StartShow();
</script></font>

Menu que enmarca el enlace seleccionado .

<head>
<style>
.menulines{
border:1px solid white;
}

.menulines a{
text-decoration:none;
color:black;
}
</style>

<script language="JavaScript1.2">

/*
Highlight menu effect script: By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

function borderize(what,color){
what.style.borderColor=color
}

function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="menulines"{
borderize(source3,"black"
}
else{
while(source3.tagName!="TABLE"{
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="menulines"
borderize(source3,"black"
}
}
}

function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines"
borderize(source4,"white"
else{
while(source4.tagName!="TABLE"{
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines"
borderize(source4,"white"
}
}
}

</script>
</head>

Menu o enlaces , horizontal con desplazamiento a izquierda y derecha.

<!-- Mas trucos y scripts en http://www.creatupropiaweb.com -->
<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>


Ten a tus visitas , siempre avisados de todo . Se puede arrastrar la ventana o cerrarla

<script language="JavaScript1.2">


//drag drop function for NS 4////
/////////////////////////////////


var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}


//drag drop function for IE 4+////
/////////////////////////////////

var dragapproved=false

function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}


if (document.all){
document.onmouseup=new Function("dragapproved=false"
}

////drag drop functions end here//////

function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}


</script>

Texto ruleta publicitaria

<SCRIPT>

/////////////////////////////////////////////////////////////////////////////
// www.creatupropiaweb.com,edita tu texto desde esta linea
/////////////////////////////////////////////////////////////////////////////

// Set your messages. Add as many as you like
var text=new Array()
text[0]=" >>>> Creatupropiaweb"
text[1]=" >>>> RECURSOS"
text[2]=" >>>> TUTORIALES"
text[3]=" >>>> VIDEOS"
text[4]=" >>>> MUSICA"
text[5]=" >>>> JAVASCRIPTS"

// Set the font
var textfont="Arial"

// Set the font-size
var textfontsize=16

// Set the font-color
var textfontcolor="#ff0000"

// Set the font-weight (values from 100 to 900)
var textweight="900"

/////////////////////////////////////////////////////////////////////////////
// WWW.CREATUPROPIAWEB.COM,NO TOQUES NADA MAS
/////////////////////////////////////////////////////////////////////////////

var textitalic="0"
var message=new Array()
var x_textposition=0
var y_textposition=0
var i_segments=Math.round(360/text.length)
var i_grad=0
var grad=0
var colorrgbred
var colorrgbgreen
var colorrgbblue
var windowwidth
var windowheight

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
if (textweight=="bold" {textweight=900}
if (textweight=="normal" {textweight=100}

if (textitalic=="italic" {textitalic=1}
if (textitalic=="normal" {textitalic=0}

for (i=0;i<=text.length-1;i++) {
message=text.replace(/'/g,"`"
}

translateintorgb()
function translateintorgb() {
var hexanewred=textfontcolor.substring(1,3)
var hexanewgreen=textfontcolor.substring(3,5)
var hexanewblue=textfontcolor.substring(5,7)
colorrgbred=parseInt("0x"+hexanewred)
colorrgbgreen=parseInt("0x"+hexanewgreen)
colorrgbblue=parseInt("0x"+hexanewblue)
}

function initiate() {
windowheight=parseInt(document.body.clientHeight)/2
windowwidth=parseInt(document.body.clientWidth)-40

for (i=0;i<text.length;i++) {
var thisspan=eval("document.all.rotationstyle"+i)
thisspan.style.posLeft=20
thisspan.style.posTop=0
}
settexts()
}

function settexts() {
for (i=0;i<text.length;i++) {
var thisid="rotationobj"+i
var thisspan=eval("rotationstyle"+i)
thisspan.innerHTML=
'<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+
'<PARAM NAME="Line0004" VALUE="SetFont(''+textfont+'', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(''+message+'',0, 2, 0)">'+
'</OBJECT>'
}
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(0,i_grad,0)
i_grad+=i_segments
}
startscroll()
}

function startscroll() {
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(1,2,0)
}
timer=setTimeout("startscroll()",20)
}

if (ie) {
for (i=0;i<text.length;i++) {
var thisid="rotationstyle"+i
var thisobjid="rotationobj"+i
document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>"
document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>"
document.write("</OBJECT>"
document.write("</SPAN>"
onload=initiate
}
}
</SCRIPT>

Reloj sigue al cursor Totalmente configurable en los colores , muy espectacular

<///Traducido y modificado por www.creatupropiaweb.com///><SCRIPT language=JavaScript>
dCol='0000FF';//date colour.
fCol='FF00FF';//face colour.
sCol='00CC00';//seconds colour.
mCol='FF0000';//minutes colour.
hCol='FF0000';//hours colour.
ClockHeight=30;
ClockWidth=30;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Alter nothing below! Alignments will be lost!

d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO";
m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE";
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.6;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y=0;x=0;Y=0;X=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy=0;Dx=0;DY=0;DX=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace.style;
F.top=y + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours.style;
HL.top=y+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes.style;
ML.top=y+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds.style;
SL.top=y+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate.style;
DL.top=Dy + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy=Math.round(DY+=(Dy[i-1]-DY)*speed);
Dx=Math.round(DX+=(Dx[i-1]-DX)*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y=Math.round(Y+=(y[i-1]-Y)*speed);
x=Math.round(X+=(x[i-1]-X)*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>


Pacman ( comecocos ) en tu cursor Jueguecitos en tu cursor

<BODY ONMOUSEMOVE = "update()" style="text-align: center">
<SCRIPT LANGUAGE = "Javascript1.2" SRC="PacmanImages/Body.js"></SCRIPT>

Un estupendo reloj con dia , mes , año y nos indica si es de dia o de noche

<CENTER><SCRIPT LANGUAGE="JAVASCRIPT">
<!-- Begin Digital Watch
document.write('<!-- Begin Hiding Script -->')
/*
######################################################################
################ SCRIPT BY BURNBLADE #####################
################ Visit My Site At #####################
################ http://www.burning.net #####################
################ © copywrite 1997 #####################
modificado por www.creatupropiaweb.com
This script may be used as long as the above lines are not changed
in any way.
*/
var watchID = null
var watchRun = false
function stopwatch(){
if(watchRun)
clearTimeout(watchID)
watchRun = false
}
function startwatch(){
stopwatch()
dayTime()
}

function dayTime() {
day = new Date();
hour = day.getHours();
minute = day.getMinutes();
second = day.getSeconds();

if (hour > 12) {
hours = hour - 12;
part = 'Del Dia'}
else {
part = 'De la Noche';
if (hour == 0) {
hours = 12
}
else {
hours = hour
}
}
if (minute < 10) {minutes = 0}
else {minutes = ""}
if (second < 10) {seconds = 0}
else {seconds =""}
date = ('' +"Mes "+(day.getMonth() + 1)+" Dia "+day.getDate()+ " del año "+day.getYear()+ '');
time = ('' + hours + ":"+minutes+""+minute+ ":"+seconds+""+second+ '')
parts = ('' +part+ '')
document.timedate.time.value = time
document.timedate.date.value = date
document.timedate.parts.value = parts
watchID = setTimeout("dayTime()",1000)
watchRun = true
}
document.write('<!-- End Hiding Script -->')
// End Digital Watch-->
</script>

<BODY onLoad="startwatch()">
<form name="timedate" onSubmit="0">
<table cellspacing=0 cellpadding=0>
<tr align=center>
<td><INPUT TYPE="text" NAME="time" SIZE=6 VALUE ="..Starti"></td>
<td><INPUT TYPE="text" NAME="parts" SIZE=12 VALUE ="ng.."></td>
<td colspan=2><INPUT TYPE="text" NAME="date" SIZE=28 VALUE ="........"></td>
</tr>
</table>
</form></CENTER>
<!-- Simba says Roar. -->

Una manera de hacer destacar tus enlaces

<mas scripts en www.creatupropiaweb.com><script language="JavaScript"><!--
//Rainbow Links
var ok=100 //delay time in milliseconds
//Do not modify anything below this line.
var color=0

function rain()
{
color=color+1;
if(color==1){document.linkColor='red';}
if(color==1){document.vlinkColor='red';}
if(color==1){document.alinkColor='red'; setTimeout("rain();",ok);}

if(color==2){document.linkColor='orange';}
if(color==2){document.vlinkColor='orange';}
if(color==2){document.alinkColor='orange'; setTimeout("rain();",ok);}

if(color==3){document.linkColor='yellow';}
if(color==3){document.vlinkColor='yellow';}
if(color==3){document.alinkColor='yellow'; setTimeout("rain();",ok);}

if(color==4){document.linkColor='green';}
if(color==4){document.vlinkColor='green';}
if(color==4){document.alinkColor='green'; setTimeout("rain();",ok);}

if(color==5){document.linkColor='blue';}
if(color==5){document.vlinkColor='blue';}
if(color==5){document.alinkColor='blue'; setTimeout("rain();",ok);}

if(color==6){document.linkColor='A209F4';}
if(color==6){document.vlinkColor='A209F4';}
if(color==6){document.alinkColor='A209F4'; setTimeout("rain();",ok);}

if(color==7){document.linkColor='purple';}
if(color==7){document.vlinkColor='purple';}
if(color==7){document.alinkColor='purple'; setTimeout("rain();",ok);}

if(color==8){document.linkColor='pink';}
if(color==8){document.vlinkColor='pink';}
if(color==8){document.alinkColor='pink'; setTimeout("rain();",ok);}

if(color==9){color=0; setTimeout("rain();",ok);}
}
setTimeout("rain();",ok);
// --></script>
<a href="http://www.creatupropiaweb.com">Javascripts</a> <br>
<a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>
<a href="http://www.creatupropiaweb.com">Juegos</a>
<!-- Simba says Roar. -->

Texto en movimiento en el titulo de tus ventanas

<Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt=" :-) www.creatupropiaweb.com ;-) - PARA CREAR TU WEB O MEJORARLA";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>


Efecto de una imagen reflejada en el agua

<!-- Mas javascripts en http://www.creatupropiaweb.com -->
<center>
<!--Change following image name to your own-->
<img id="reflect" src="LA DIRECCION DE TU IMAGEN"><br>
<script language="JavaScript1.2">

function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all){
document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}

</script>
</center>


Muestra la velocidad de descarga de tu pagina

<Mas scripts en www.creatupropiaweb.com>
<form name="velocidad"> <script>
function calcular(peso){
fin = new Date();
vel = (peso/1024)/((fin-inicio)/1000)+'';
vel = vel.substring(0, 5);
document.forms.velocidad.valor.value = vel;
}
inicio = new Date();
document.write('<img style="position:absolute; visibility:hidden" src="http://TU IMAGEN" onload="calcular(this.fileSize)">');
</script>Página bajada a <input type="text" size="3" name="valor" value="..."> kbps</form>


Espero les sirva y les prometo que regresare con mas códigos HTML y JavaScript para que puedan hacer de su web la mejor de todas.
0
0
0
0
0No comments yet