Código JavaScript menú oculto que aparece desde la izda
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript Menú-Barra con botones para desplazar
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript Menú con directorios desplegables
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript Reloj Digital
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Colocar en la etiqueta <BODY> -->
<form name="Tick">
<input type="text" size="11" name="Clock">
</form>
<script>
<!--
/*By George Chiang (WA's JavaScript tutorial)
Credit must stay intact for use*/
function show(){
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="AM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
document.Tick.Clock.value=hours+":"+minutes+":"
+seconds+" "+dn
setTimeout("show()",1000)
}
show()
//-->
</script>
Estrella persiguiendo al puntero
<!-- Dentro del Tag HEAD -->
<STYLE TYPE="text/css">
<!--
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1
{
position : absolute;
font-size : 10pt;
color : blue;
visibility: hidden;
}
.s2
{
position : absolute;
font-size : 18pt;
color : red;
visibility : hidden;
}
.s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;
}
.s4
{
position : absolute;
font-size : 12pt;
color : lime;
visibility : hidden;
}
//-->
</STYLE>
<!-- Dentro del Tag BODY -->
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
// adaptado por http://www.losrecursosgratis.com
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
// -->
</SCRIPT>
Conjunto de estrellas persiguiendo el cursor
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER>
<script language="JavaScript">
/*
Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}
var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
else if (document.layers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
yBase = window.innerHeight/4;
xBase = window.innerWidth/4;
}
if (document.all)
{
for ( i = 0 ; i < starsDiv.all.length ; i++ )
{step=3;
starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
for (ai=0; ai < Clrs.length; ai++)
{
var c=Math.round(Math.random()*[ai]);
}
starsDiv.all[i].style.background=Clrs[c];
}
}
else if (document.layers)
{
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
{step = 4;
var templayer="a"+j
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
for (aj=0; aj < Clrs.length; aj++)
{
var c=Math.round(Math.random()*[aj]);
}
document.layers[templayer].bgColor=Clrs[c];
}
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>
Conjunto de bolas (o lo que quieras) persiguiendo el cursor
<!--inserta aqui tantas imágenes como quieras que sigan al cursor -->
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11; left: 12; top: 0"><img src="../../imagenes/AM11.gif" height=11 width=11></div>
<div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot7" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<div id="dot8" style="position: absolute; height: 11; width: 11;"><img src="../../imagenes/AM11.gif" height=8 width=8></div>
<script LANGUAGE="JavaScript">
<!-- hide code
/*
Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets)
Script featured on Dynamicdrive.com
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
Apaptado y traducido al español por http://www.losrecursosgratis.com. Mas de 100 JavaScript en tu idioma y con ejemplos reales.
*/
// Thanks to Troels Jakobsen <tjak@get2net.dk>
// configura el número de imágenes que seguiran al cursor. No olvides poner las mismas que hayas insertado anteriormente.
var nDots = 9;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
// variable de tiempo
var DELTAT = .01;
// distancia entre las imágenes
var SEGLEN = 4;
// variable de la elasticidad (preferible no poner mucho)
var SPRINGK = 10;
// constantes físicas supuestas; la imagen se conporta como un cuerpo
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
if (!isNetscape) {
// I only know how to read the locations of the
// <LI> items in IE
//skip this for now
// setInitPositions(dots)
}
// set their positions
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
if (isNetscape) {
// start right away since they are positioned
// at 0, 0
startanimate();
} else {
// let dots sit there for a few seconds
// since they're hiding on the real bullets
setTimeout("startanimate()", 2000);
}
}
function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");
}
}
function startanimate() {
setInterval("animate()", 20);
}
// This is to line up the bullets with actual LI tags on the page
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why
// Still doesn't work great
function setInitPositions(dots)
{
// initialize dot positions to be on top
// of the bullets in the <ul>
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
}
// put 0th dot above 1st (it is hidden)
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
Xpos = e.pageX;
Ypos = e.pageY;
return true;
}
// just save mouse position for animate() to use
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
}
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
// air resisitance/friction
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
// compute new accel, including gravity
var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);
// compute new velocity
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
// stop dead so it doesn't jitter when nearly still
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
// move to new position
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
// get size of window
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
// bounce of 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
// end code hiding -->
</script>
Anular botón de la derecha
<!-- Botón derecho del mouse -->
<script LANGUAGE="JavaScript1.1">
<!-- Adaptado por Tk: Compatible con IE y NS -->
function derecha(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert('Botón derecho inhabilitado')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){
alert('Botón derecho inhabilitado')
}
}
document.onmousedown=derecha
</script>
Anular botón de la izquierda
><!-- Botón izquierdo del mouse -->
<script LANGUAGE="JavaScript1.1">
<!-- Adaptado por Tk: Compatible con IE y NS -->
function izquierda(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 2)){
alert('Botón izquierdo inhabilitado')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){
alert('Botón izquierdo inhabilitado')
}
}
document.onmousedown=izquierda
</script>
Anular botón de la derecha y la izquierda
<!-- Botón izquierdo y derecho del mouse -->
<script LANGUAGE="JavaScript1.1">
<!-- Adaptado por Tk: Compatible con IE y NS -->
function ambos(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 3 || e.which == 2)){
alert('Los botones del mouse han sido inhabilitados')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1 || event.button == 2)){
alert('Los botones del mouse han sido inhabilitados')
}
}
document.onmousedown=ambos
</script>
Código JavaScript para la precarga de imágenes
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Dentro del tag HEAD -->
<script language="JavaScript1.2">
<!-- begin hiding
//
// Autor 2000 Marcin P Wojtowicz [one_spook@hotmail.com].
// Traducido, doblado y adaptado por http://www.losrecursosgratis.com
//
startingColor = new Array() // <-- Do not modify!
endingColor = new Array() // <-- Do not modify!
// Introduce aqui las imagenes que vas a cargar previamente:
var tusimagenes = new Array("../../imagenes/topwebmaster.gif","../../Publicidad/imagenes/casino1.gif","../../Publicidad/ImagenesCXN/banner-consupermiso.gif") // Fill this array with the images you wish to preload
var locationAfterPreload = "cargarimagenes.htm" // Aqui debes insertar la direccion de la página de destino
var preloadbarWidth = 250 // Longitud que quieres que muestre la barra de carga
var preloadbarHeight = 15 // Anchura que quieres que muestre la barra
var backgroundOfGradient = "#000000" // Color que quieres que muestre la barra
startingColor[0] = "c"
startingColor[1] = "f"
startingColor[2] = "f"
endingColor[0] = "c"
endingColor[1] = "0"
endingColor[2] = "0"
var gap = 5
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = tusimagenes.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}
endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = tusimagenes[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</script>
<!-- Dentro del tag BODY -->
<center>
<font face="Verdana, Arial, Helvetica" size="2"><center>Cargando imagenes de la página... Por Favor, espere..</center>
<script language="JavaScript1.2">
<!-- beging hiding
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
// Aqui debes insertar la direccion de la página de destino
document.write('<p><small><a href="javascript:location.replace(locationAfterPreload)">Saltar carga de imágenes previa</a> | <a href="cargarimagenes.htm">Script Credits</a></small></p></font>')
loadImages();
// end hiding -->
</script>
</center>
</font>
Código JavaScript para rotar una imagen con su link cada cierto tiempo
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Dentro del tag BOBY -->
<script language="JavaScript1.1">
<!--
// JavaScript Image slideshow:
// By Website Abstraction
// Traducido y apadtado por http://www.losrecursosgratis.com
// Este Script es de libre distribucion.
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=468 height=60></a>
<script>
<!--
//aqui se configura en la primera linea las direcciones de las imagenes, y en la segunda la de sus respectivos links
slideshowimages("http://www.losrecursosgratis.com/imagenes/topwebmaster.gif","http://www.losrecursosgratis.com/imagenes/topwebmaster3.gif","http://www.losrecursosgratis.com/imagenes/topwebmaster4.gif","http://www.losrecursosgratis.com/imagenes/topwebmaster8.gif")
slideshowlinks("http://www.losrecursosgratis.com","http://www.losrecursosgratis.com","http://www.losrecursosgratis.com","http://www.losrecursosgratis.com")
//configura la velocidad a la que quieras que se cambien las imagenes con sus links
var slideshowspeed=6000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
<p align="center" style="margin-bottom: 1"><font face="arial" size="-2">Script
facilitado por</font></p>
<p align="center" style="margin-top: 1"><a href="http://www.losrecursosgratis.com"><font face="arial, helvetica" size="-2">L</font><font face="arial, helvetica" size="1">os</font><font face="arial, helvetica" size="-2">RecursosGratis.com</font></a></p>
Código JavaScript que muestra un fondo aleatorio
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript que muestra un fondo dependiendo de la hora
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Cambiar el color de la barra de desplazamiento
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar el código dentro del tag HEAD -->
<style type="text/css">
BODY {
scrollbar-face-color: #CC3333;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #505050;
scrollbar-track-color: #cccccc;
scrollbar-arrow-color: #cccccc;
}
</style>
Código JavaScript que muestra texto en barra de estado
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript que muestra texto en barra de estado
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<SCRIPT LANGUAGE="JavaScript">
<!--// Copyright 1996 - Tomer and Yehuda Shiran
// tradcucido y adaptado por LosRecursosGratis.com
// selecciona aqui la velocidad
var speed = 10
// Selecciona el tiempo de pausa entre mensajes
var pause = 1500
// Valores iniciales
var timerID = null
var bannerRunning = false
var ar = new Array()
// elige el texto que quieras mostrar
ar[0] = "Bienvenido a LosRecursosGratis.com"
ar[1] = "Aqui encontraras todo tipo de recursos gratis para webmasters"
ar[2] = "Promocion, patrocinadores, JavaScript, descaarga de programas..."
ar[3] = "No pases por alto ninguna de nuestras secciones"
var message = 0
var state = ""
clearState()
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function clearState() {
state = ""
for (var i = 0; i < ar[message].length; ++i) {
state += "0"
}
}
function showBanner() {
if (getString()) {
message++
if (ar.length <= message)
message = 0
clearState()
timerID = setTimeout("showBanner()", pause)
}
else {
var str = ""
for (var j = 0; j < state.length; ++j) {
str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
}
window.status = str
timerID = setTimeout("showBanner()", speed)
}
}
function getString() {
var full = true
for (var j = 0; j < state.length; ++j) {
if (state.charAt(j) == 0)
full = false
}
if (full) return true
while (1) {
var num = getRandom(ar[message].length)
if (state.charAt(num) == "0")
break
}
state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
return false
}
function getRandom(max) {
var now = new Date()
var num = now.getTime() * now.getSeconds() * Math.random()
return num % max
}
startBanner()
// -->
</SCRIPT>
Código JavaScript ocultar dirección barra de estado
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Listado de enlaces cambiando el color de resalt e
<body>
<p><script>
function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color}
</script>
<a href="http://www.losrecursosgratis.com" onMouseover="highlight(this,'yellow')" onMouseout="highlight(this,document.bgColor)">LosRecursosGratis.com</a>
<p>
<a href="../../promocion/intercambio.htm" onMouseover="highlight(this,'#00FF00')" onMouseout="highlight(this,document.bgColor)">Intercambio de banners</a>
<p>
<a href="http://new.topsitelists.com/bestsites/losrecursosgratis/topsites.html" onMouseover="highlight(this,'#FF00FF')" onMouseout="highlight(this,document.bgColor)">Ranking Top Webmasters</a>
</body>
Quitar la a veces molesta línea de la parte inferior de los hipervínculos.
<Head>
<style>
<!--//A:link {text-decoration: none;}A:visited {text-decoration: none;}//-->
</style>
</Head>
Combobox para elegir link, con la opción de que sea en una nueva ventana
<form name="mycombowopt">
<select name="example" size=1>
<option value="http://wsabstract.com">Website Abstraction</option>
<option value="http://cnn.com">CNN</option>
<option value="http://geocities.com">Geocities</option>
</select> <input type="button" value="Go!" onClick="gothere()"> <br>
<input type="checkbox" name="windowoption" value="ON">Open in alternate window</p>
</form>
<script language="javascript">
<!--
/*Combo box with "open in new window" credit
-By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/
function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar dentro del HEAD -->
<SCRIPT LANGUAGE="JavaScript">
open('http://enlace para abrir', 'Sizewindow', 'width=300,height=350,scrollbars=no,toolbar=no')
</SCRIPT>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar este código dentro del tag BODY-->
<NOSCRIPT>
<h2><font color="red">Por favor activa el JavaScript en las preferencias de tu
buscador y actualiza la página</font></h2>
</noscript>
<script language="javascript">
// ========================================================================
// = Adaptado a la comunidad hispana por http://www.losrecursosgratis.com =
// = con la traduccion e incluyendo los buscadores mas utilizados =
// = por la comunidad hispana, asi como mejoras en la rutina =
// ========================================================================
//
<!--
function netsearch(formname)
{
var a1
var a2
var b1
var b2
var c1
var c2
var d1
var d2
var e1
var e2
var f1
var f2
var g1
var g2
var plus
var TEXT
var noENGINE
var haveTEXT
TEXT=formname.TEXT.value;
noEngine=true;
haveTEXT=true;
plus=""
if (TEXT=="")
{
alert("Please type in some text!")
haveTEXT=false
}
else
{
for (var i=0; i < TEXT.length; i++)
{
if (TEXT.charAt(i)==" ")
{
plus+="%20"
}
else
{
plus += TEXT.charAt(i)
}
}
}
TEXT=plus
//ALTAVISTA
a1=formname.altavista.checked;
a2="http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q="+TEXT;
if (a1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(a2, "av","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//EXCITE
b1=formname.excite.checked;
b2="http://www.excite.com/search.gw?trace=a&search="+TEXT;
if (b1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(b2, "e","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//HOTBOT
c1=formname.hotbot.checked;
c2="http://www.search.hotbot.com/hResult.html?SM=MC&MT="+TEXT+"&DV=7&RG=.com&DC=10&DE=2&OPs=MDRTP&_v=2&DU=days&SW=web&search.x=23&search.y=8";
if (c1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(c2, "h","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//INFOSEEK
d1=formname.infoseek.checked;
d2="http://www.infoseek.com/Titles?qt="+TEXT+"&col=WW&sv=IS&lk=noframes&nh=10";
if (d1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(d2, "i", "toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//LYCOS
e1=formname.lycos.checked;
e2="http://www.lycos.com/cgi-bin/pursuit?query="+TEXT+"&matchmode=and&cat=lycos&x=33&y=10";
if (e1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(e2, "l","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//WEBCRAWLER
f1=formname.webcrawler.checked;
f2="http://www.webcrawler.com/cgi-bin/WebQuery?searchText="+TEXT;
if (f1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(f2, "w","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//YAHOO
g1=formname.yahoo.checked;
g2="http://search.yahoo.com/bin/search?p="+TEXT;
if (g1)
{
noEngine=false
if (haveTEXT)
{
newWindow=window.open(g2, "y","toolbar,location,directories,status,menubar,scrollbars,resizable=1")
}
}
//noENGINE
if (noEngine)
{
alert("Please select a search engine!")
}
// END Netsearch
}
function getPath(url) {
lastSlash = url.lastIndexOf("/")
return url.substring(0, lastSlash + 1)
}
// -->
</script>
<!--
<H2><font color="red">
This search page requires JavaScript to run. Please hit your <strong><i>BACK</i></strong> button and follow the link at the bottom of the page to get the latest version of Internet Explorer.<br> Thank you.
</font></H2>
-->
<p><br>
<a href="http://www.losrecursosgratis.com" title="..::LosRecursosGratis.com::.. todo lo que es gratis en Internet"><font color="#800000" size="2" face="Tahoma"><strong>..::LosRecursosGratis.com::..</strong></font></a></p>
<form name="engines" onSubmit="netsearch(engines)">
<font size="2" face="Tahoma"><align="left"></font><p><font color="#800000" size="4" face="Tahoma"><strong>Buscador
de Internet</strong></font><font size="2"><br>
1. Inserta la(s) palabra(s)
<br>
2. Selecciona bucador(es) designados <br>
y pulsa <strong>Buscar</strong>
<br><br>
<!-- // <input type="text" size="25" maxlength="200" name="TEXT" value="Enter Keywords Here" onClick="form.TEXT.select()">
// -->
<script language="javascript">
if (navigator.appName=="Netscape") {
document.write("<font size='3'>")
document.write(" " + navigator.appName)
document.write("<br>");
document.write("<input type='text' size='25' maxlength='200' name='TEXT' value='Introduce palabras busqueda' onFocus='form.TEXT.select()'>")
document.write("</font>")
}
else {
document.write(" " + navigator.appName);
document.write("<br>");
document.write("<input type='text' size='25' maxlength='200' name='TEXT' value='Introduce palabras busqueda' onClick='form.TEXT.select()'> ");
}
</script>
<br>
<input type="checkbox" name="altavista" value="ON" checked>Alta Vista<br>
<input type="checkbox" name="yahoo">Yahoo<br>
<input type="checkbox" name="lycos">Lycos<br>
<input type="checkbox" name="excite">Excite<br>
<input type="checkbox" name="webcrawler">Webcrawler<br>
<input type="checkbox" name="hotbot">HotBot<br>
<input type="checkbox" name="infoseek" value="ON">Infoseek<br> <br>
<input type="submit" value="Buscar">
<input type="reset" value="Limpiar"> <br>
</font></p>
</form>
<font size="2">
<script language="JavaScript">
<!--
function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]
}
var DOWArray = new initArray("Domingo","Lunes","Martes","Miércoles",
"Jueves","Viernes","Sábado");
var MOYArray = new initArray("Enero","Febrero","Marzo","Abril",
"Mayo","Junio","Julio","Augosto","Septiembre",
"Octubre","Noviembre","Deciembre");
var LastModDate = new Date(document.lastModified);
document.write("Esta página fué modificada por última vez el ");
document.write(DOWArray[(LastModDate.getDay()+1)],", ");
document.write(LastModDate.getDate()," ");
document.write(MOYArray[(LastModDate.getMonth()+1)],", ",(LastModDate.getYear()));
document.write(".");
// -->
</script>
</font>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar este código dentro del tag BODY-->
<script language="javascript">
//
// Siva's SEARCH Machine
//
// ========================================================================
// = Adaptado a la comunidad hispana por http://www.losrecursosgratis.com =
// = con la traduccion e incluyendo los buscadores mas utilizados =
// = por la comunidad hispana, asi como mejoras en la rutina =
// ========================================================================
//
var gt = unescape('%3e');
function go(input) {
var form = input.form;
form.take.value = form.desc.value;
}
function se(input) {
var form = input.form;
form.take.value = "null";
}
function search(form) {
if (form.take.value == form.desc.value) {
take = form.take.value;
window.location.href = take;
} else {
pre = form.pre.value;
pre += escape(form.query.value);
pre += escape(form.post.value);
window.location.href = pre;
}
}
function jump(url) {
window.location.href = url;
}
function a(input) {
var form = input.form;
form.pre.value = "http://altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q=";
form.post.value = "";
form.desc.value = "http://altavista.digital.com/";
}
function b(input) {
var form = input.form;
form.pre.value = "http://www.excite.com/search.gw?search=";
form.post.value = "";
form.desc.value = "http://www.excite.com/";
}
function c(input) {
var form = input.form;
form.pre.value = "http://guide-p.infoseek.com/Titles?qt=";
form.post.value = "";
form.desc.value = "http://guide.infoseek.com/";
}
function w(input) {
var form = input.form;
form.pre.value = "http://www.google.com/search?q=";
form.post.value = "";
form.desc.value = "http://www.google.com/";
}
function e(input) {
var form = input.form;
form.pre.value = "http://www.lycos.com/cgi-bin/pursuit?query=";
form.post.value = "";
form.desc.value = "http://www.lycos.com/";
}
function f(input) {
var form = input.form;
var plus = ""
for (var i=0; i < form.query.value.length; i++) {
if (form.query.value.charAt(i) == " ") {
plus += "+";
} else {
plus += form.query.value.charAt(i);}
}
form.query.value = plus;
form.pre.value = "http://searcher.mckinley.com/searcher.cgi?query=";
form.post.value = "";
form.desc.value = "http://magellan.mckinley.com/";
}
function g(input) {
var form = input.form;
form.pre.value = "http://point.lycos.com/cgi-bin/pursuit?cat=point&query=";
form.post.value = "";
form.desc.value = "http://point.lycos.com/";
}
function h(input) {
var form = input.form;
form.pre.value = "http://www.search.hotbot.com/hResult.html?SM=MC&MT=";
form.post.value = "";
form.desc.value = "http://www.hotbot.com/";
}
function i(input) {
var form = input.form;
form.pre.value = "http://rampal.cs.colostate.edu:2000/nph-search?KW=";
form.post.value = "";
form.desc.value = "http://guaraldi.cs.colostate.edu:2000/";
}
function j(input) {
var form = input.form;
form.pre.value = "http://webcrawler.com/cgi-bin/WebQuery?searchText=";
form.post.value = "";
form.desc.value = "http://www.webcrawler.com/";
}
function k(input) {
var form = input.form;
form.pre.value = "http://search.yahoo.com/bin/search?p=";
form.post.value = "";
form.desc.value = "http://www.yahoo.com/";
}
function l(input) {
var form = input.form;
form.pre.value = "http://altavista.digital.com/cgi-bin/query?pg=q&what=news&q=";
form.post.value = "";
form.desc.value = "http://altavista.digital.com/";
}
function m(input) {
var form = input.form;
form.pre.value = "http://www.dejanews.com/dnquery.xp?QRY=";
form.post.value = "";
form.desc.value = "http://www.dejanews.com/";
}
function n(input) {
var form = input.form;
form.pre.value = "http://tile.net/cgi-bin/cgi/AT-NEWSsearch.cgi?search=";
form.post.value = "";
form.desc.value = "http://tile.net/news/";
}
function o(input) {
var form = input.form;
var plus = ""
for (var i=0; i < form.query.value.length; i++) {
if (form.query.value.charAt(i) == " ") {
plus += "+";
} else {
plus += form.query.value.charAt(i);}
}
form.query.value = plus;
form.pre.value = "http://www.cis.ohio-state.edu/htbin/search-usenet-faqs/form.html?";
form.post.value = "";
form.desc.value = "http://www.cis.ohio-state.edu/hypertext/faq/usenet/FAQ-List.html";
}
function v(input) {
var form = input.form;
form.pre.value = "http://www.four11.com/cgi-bin/Four11Query?";
form.post.value = "";
form.desc.value = "http://www.four11.com/";
}
function q(input) {
var form = input.form;
form.pre.value = "http://206.129.166.105/search?QK=15&QI=0&QT=3&Select=0&QU=&QN=";
form.post.value = "";
form.desc.value = "http://206.129.166.101/800.html";
}
function r(input) {
var form = input.form;
form.pre.value = "http://us.imdb.com/M/title-substring?title=";
form.post.value = "";
form.desc.value = "http://us.imdb.com/";
}
function u(input) {
var form = input.form;
form.pre.value = "http://gs213.sp.cs.cmu.edu/prog/webster?";
form.post.value = "";
form.desc.value = "http://c.gp.cs.cmu.edu:5103/prog/webster";
}
function x(input) {
var form = input.form;
form.pre.value = "http://ultra.infoseek.com/Titles?qt=";
form.post.value = "";
form.desc.value = "http://ultra.infoseek.com/";
}
// -->
</script>
<form name=form action="javascript:search(document.form);//">
<table cellspacing=0 cellpadding=0 bgcolor=ffffff width=100%><tr>
<td colspan=4 align=center bgcolor="40E0D0">
<b>
<font color="#000080" face="verdana,arial,helv"><font size="1" face="verdana,arial,helv" color="#000080">Siva's
SEARCH MACHINE</font><font size=2><br></font><font size="3">A</font><font size="2">DAPTADO
POR</font></font>
<font size="3"> </font>
<font color="4076f8" face="verdana,arial,helv"><a href="http://www.losrecursosgratis.com"><font size="3">L</font><font size="2">OS</font><font size="3">R</font><font size="2">ECURSOS</font><font size="3">G</font><font size="2">RATIS.COM</font></a><font size="2"><br>
<table width=100% cellpadding=0><tr><td align=center>
<input size=25 name=query>
<input type=submit value="Buscar" onclick="se(this)">
</td><td>
<font size=1 color="4076f8" face="verdana,arial,helv"><b>
</table>
</font></font>
</b>
</td>
</tr><tr>
<td colspan=4 align=center bgcolor="40E0D0"><b><font color="#000080" face="verdana,arial,helv">B<font size="2">USCADORES</font>
<font size="2">
DE LA</font> R<font size="2">ED</font></font></b></td>
</tr><tr>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="w(this)" value="1" checked> <a href="javascript:jump('http://www.google.com/')">Google</a></b></font></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="a(this)"> <a href="javascript:jump('http://altavista.digital.com/')">AltaVista</a></b></font></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="e(this)"> <a href="javascript:jump('http://www.lycos.com/')">Lycos</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="i(this)"> <a href="javascript:jump('http://guaraldi.cs.colostate.edu:2000/')">SavvySearch</a></td>
</tr><tr>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="b(this)"> <a href="javascript:jump('http://www.excite.com/')">Excite</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="c(this)"> <a href="javascript:jump('http://guide.infoseek.com/')">Infoseek</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="f(this)"> <a href="javascript:jump('http://magellan.mckinley.com/')">Magellan</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="j(this)"> <a href="javascript:jump('http://www.webcrawler.com/')">Webcrawler</a></td>
</tr><tr>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="h(this)"> <a href="javascript:jump('http://www.hotbot.com/')">Hotbot</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="x(this)"> <a href="javascript:jump('http://ultra.infoseek.com/')">Ultraseek</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="g(this)"> <a href="javascript:jump('http://point.lycos.com/')">PointReview</a></td>
<td bgcolor="#C0C0C0"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="k(this)"> <a href="javascript:jump('http://www.yahoo.com/')">Yahoo!</a></td>
</tr><tr>
<td colspan=4 align=center bgcolor="#FFFFCA"><b><font color="#006666" face="verdana,arial,helv">N<font size="2">OTICIAS</font></font></b></td>
</tr><tr>
<td bgcolor="#FFFFCA"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="l(this)"> <a href="javascript:jump('http://altavista.digital.com/')">AltaVista</a></td>
<td bgcolor="#FFFFCA"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="m(this)"> <a href="javascript:jump('http://www.dejanews.com/')">DejaNews</a></td>
<td bgcolor="#FFFFCA"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="n(this)"> <a href="javascript:jump('http://tile.net/news/')">Tile.Net</a></td>
<td bgcolor="#FFFFCA"><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="o(this)"> <a href="javascript:jump('http://www.cis.ohio-state.edu/hypertext/faq/usenet/FAQ-List.html')">Usenet FAQ's</a></td>
</tr><tr>
<td colspan=4 align=center bgcolor="#CCFFCC"><b><font color="#000000" face="verdana,arial,helv">V<font size="2">ARIOS</font></font></b></td>
</tr><tr>
<td bgcolor="#CCFFCC" colspan=2><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="v(this)"> <a href="javascript:jump('http://www.four11.com/')">Four11 Directory Services</a></td>
<td bgcolor="#CCFFCC" colspan=2><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="r(this)"> <a href="javascript:jump('http://us.imdb.com/')">Internet Movie Database</a></td>
</tr><tr>
<td bgcolor="#CCFFCC" colspan=2><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="q(this)"> <a href="javascript:jump('http://206.129.166.101/800.html')">InfoSpace 800 Directory</a></td>
<td bgcolor="#CCFFCC" colspan=2><font size=1 face="verdana,arial,helv"><b><input type=radio name=engine onclick="u(this)"> <a href="javascript:jump('http://c.gp.cs.cmu.edu:5103/prog/webster')">Webster's Dictionary</a></td>
</tr><tr>
<td colspan=4 align=center bgcolor="#CCFFCC">
<INPUT NAME=desc TYPE=text size=40 value="http://www.google.com/"> <input type=submit value="Go!" onclick="go(this)">
</table>
<INPUT NAME=pre TYPE=hidden value="http://www.google.com/search?q=">
<INPUT NAME=post TYPE=hidden><INPUT NAME=take TYPE=hidden value="null"><input name=onoff type=hidden value="on">
</form>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar dentro del tag BODY -->
<script language="JavaScript">
var ancho=100
var alto=100
var fin=300
var x=100
var y=100
function inicio()
{
ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
abre();
}
function abre()
{
if (ancho<=fin) {
ventana.moveTo(x,y);
ventana.resizeTo(ancho,alto);
x+=5
y+=5
ancho+=15
alto+=15
timer= setTimeout("abre()",1)
}
else {
clearTimeout(timer)
}
}
// -->
</script>
<form>
<input type="button" value="Abrir Ventana" onClick="inicio()"></p>
</form>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar este código dentro del tag HEAD-->
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function confirmClose() {
alert("Error: 107x has occurred. A virus has begun to infect your hard drive. Please erase all infected files.")
if (confirm("Please inform the the hardware vendor of this error."))
alert('The virus has been contained but the browser will shutdown to check for and prevent further internal damages.');
else
alert('The problem has not been fixed, the browser must be shut downtown to prevent further contamination.');
{
parent.close();
}
}
// End -->
</SCRIPT>
<!-- Copiar este código dentro del tag BODY -->
<CENTER>
<FORM>
<input type="button" value ="JavaScript Virus (not really...)" onClick="confirmClose()">
</FORM>
</CENTER>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center>
Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.
<!-- Copiar este código dentro del tag BODY -->
<script language="javascript">
// Los mejores códigos JavaScript en http://www.losrecursosgratis.com
function mailpage()
{
mail_str = "mailto:nombre@dominio.com?subject=visita esta página. Es muy buena!! " + document.title;
mail_str += "&body=Hola amigo. Te recomiendo que visites esta página LosRecursosGratis.com -- " + document.title;
mail_str += ". Enlace: " + location.href;
location.href = mail_str;
}
</script>
<a HREF="javascript:mailpage()">Recomendar por e-mail esta página</a>