sunny Sky

short slogan here

Free CSS Templates

Javascript 1

Contenidos

Texto con sombra
Inhabiitar teclado
Mensajes que aparecen
Rota Imágenes
Botón con varios enlaces
Reloj que sigue a cursor
Scrolling Translucido
Pacman en tu cursor
Calendario que indica hora fecha y día
Enlaces llamativos

Texto con sombra

<SCRIPT LANGUAGE="JavaScript">
              
              </SCRIPT>
<IMG SRC="minilab.gif" _fcksavedurl="minilab.gif" WIDTH=297 HEIGHT=31 BORDER=0 ismap USEMAP="#colormap">
<MAP NAME="colormap">
<AREA COORDS="89,1,102,14" HREF="javascript:fondo('#FFFFFF')" _fcksavedurl="javascript:fondo('#FFFFFF')">
<AREA COORDS="104,1,117,14" HREF="javascript:fondo('#00FFFF')" _fcksavedurl="javascript:fondo('#00FFFF')">
<AREA COORDS="119,1,132,14" HREF="javascript:fondo('#FF00FF')" _fcksavedurl="javascript:fondo('#FF00FF')">
<AREA COORDS="134,1,147,14" HREF="javascript:fondo('#0000FF')" _fcksavedurl="javascript:fondo('#0000FF')">
<AREA COORDS="149,1,162,14" HREF="javascript:fondo('#FFFF00')" _fcksavedurl="javascript:fondo('#FFFF00')">
<AREA COORDS="164,1,177,14" HREF="javascript:fondo('#00FF00')" _fcksavedurl="javascript:fondo('#00FF00')">
<AREA COORDS="179,1,192,14" HREF="javascript:fondo('#FF0000')" _fcksavedurl="javascript:fondo('#FF0000')">
<AREA COORDS="194,1,207,14" HREF="javascript:fondo('#808080')" _fcksavedurl="javascript:fondo('#808080')">
<AREA COORDS="89,16,102,29" HREF="javascript:fondo('#C0C0C0')" _fcksavedurl="javascript:fondo('#C0C0C0')">
<AREA COORDS="104,16,117,29" HREF="javascript:fondo('#008080')" _fcksavedurl="javascript:fondo('#008080')">
<AREA COORDS="119,16,132,29" HREF="javascript:fondo('#800080')" _fcksavedurl="javascript:fondo('#800080')">
<AREA COORDS="134,16,147,29" HREF="javascript:fondo('#000080')" _fcksavedurl="javascript:fondo('#000080')">
<AREA COORDS="149,16,162,29" HREF="javascript:fondo('#808000')" _fcksavedurl="javascript:fondo('#808000')">
<AREA COORDS="164,16,177,29" HREF="javascript:fondo('#008000')" _fcksavedurl="javascript:fondo('#008000')">
<AREA COORDS="179,16,192,29" HREF="javascript:fondo('#800000')" _fcksavedurl="javascript:fondo('#800000')">
<AREA COORDS="194,16,207,29" HREF="javascript:fondo('#000000')" _fcksavedurl="javascript:fondo('#000000')">
<AREA COORDS="209,0,296,30" HREF="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com">
</MAP>

Inhabiitar Teclado

Mensajes que aparecen

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.

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 imágenes

Botón con varios enlaces

<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">

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 Albai006c0022 
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>

Reoj que sigue a cursor

<///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[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i]+'</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[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + 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[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + 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[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*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[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
</SCRIPT>

Scroing trasucido

<mas scripts en www.creatupropiaweb.com><script language="JavaScript1.2">
var scroller_width=200
var scroller_height=120
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='Esto te puede servir para plasmar tus noticias , o tus novedades  yo que se lo que se te pueda ocurrir.'
scrollercontent[1]='Que no te a quedado claro , no me lo hagas repetir .'
scrollercontent[2]='Visita mi pagina <a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>con un click aqui <a href="http://www.creatupropiaweb.com"> venga</a>'

////NO need to edit beyond here/////////////

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}

var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}

function resetit(what){
curpos=scroller_height*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (ie4||dom||document.layers)
window.onload=startit

</script>
</p>
</center>

Pacman en tu cursor

Reoj que indica hora, fecha y día

<CENTER><SCRIPT LANGUAGE="JAVASCRIPT">
')
/*
######################################################################
################       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()
}

Enaces amativos

<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" _fcksavedurl="http://www.creatupropiaweb.com">Javascripts</a> <br>
<a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com">creatupropiaweb</a><br>
<a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com">Juegos</a>

Sections

sunny Sky

Free CSS Templates

Cavsimx

Javascript 1

Sections

Sections