Codigos de HTML

La ventana tiembla al entrar en ella.
Ejemplo
Lo puedes ver en esta pgina al entrar.

Dale a F5 para actualizar la pgina y ver el efecto
Pgalo entre el ltimo <head> y <html> en vista HTML
<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>
Marquesina Doble Mensaje
El efecto crea una marquesina con doble texto con

efecto de parpadeo.
Ejemplo
<script language="JavaScript">
0) {
shift();
setTimeout("scroll()",65) // 65 tiempos de display entre letras //
}
else {
if (countb-->0) {
if ((countb % 2)==0) {
document.scrform.scrtext.value= " "
setTimeout("scroll()",250) //250 tiempos de Flash para el primer mensaje//
}
else {
document.scrform.scrtext.value= scrtxt;
if (countb==1) {
setTimeout("scroll()",2000)} //2000 tiempo de retardo para que aperezca mensaje
despues de flash//
else {
setTimeout("scroll()",250)} // retardo de flashing para que comienze el mensaje //
}
}
else {
now= new Date();
n= 1+Math.floor(nmsg*Math.abs(Math.sin(now.getTime())));
if (n>nmsg) { n= nmsg}
scrtxt= message[n];
lentxt= scrtxt.length;
count= lentxt+width+1;
setTimeout("scroll()",150) //150 tiempo de retardo para mostrar el segundo mensaje //
}
}
}
// -->
</script>
<center>
<form NAME="scrform" onSubmit="0">
<input TYPE="text" NAME="scrtext" SIZE="60">
</form>
<script> scroll();</script>
Frase recorre efecto mquina escribir.

Cerrar ventana
La frase recorre la barra de estado con el efecto de una

mquina de escribir.
<script LANGUAGE="JavaScript">

</script>
Abre nueva ventana con efecto de corredera en vertical y horizontal.
(Pgina configurable)
Ejemplo
Clic sobre la frase que contiene el vnculo. Puedes pegar este vnculo
tantas veces quieras y cambiarles la ruta desde "Propiedades de
Hipervnculo"..
<script LANGUAGE="JavaScript">
function janelanimada(endereco) {
var velocidadev = 15;
var topo = 0;
var esquerda = 0;
var velocidadeh = 15;
if (document.all) {
var tamlar = window.screen.availHeight - topo;
var tamjan = window.screen.availWidth - esquerda;
var tamanho = window.open("","","left=" + esquerda + ",top=" + topo +
",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) {
tamanho.resizeTo("1",sizeheight );}
for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) {
tamanho.resizeTo(sizewidth+6,sizeheight );}
tamanho.location = endereco;}
else
window.location = endereco;}
</script>
<p><a href="http://www.galeon.com/estilista"
onClick="janelanimada('http://www.yomaster.galeon.com');return
false;">Google,buscador</a><br>
Anular botn de la derecha

<script LANGUAGE="JavaScript1.1">

function derecha(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert('Botn derecho inhabilitado')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){

alert('Botn derecho inhabilitado')
}
}
document.onmousedown=derecha
</script>
Anular botn de la izquierda
>
function izquierda(e) {
if (navigator.appName == 'Netscape' && (e.which == 1 || e.which == 2)){
alert('Botn izquierdo inhabilitado')
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){

alert('Botn izquierdo inhabilitado')
}
}
document.onmousedown=izquierda
</script>
Anular botn de la derecha y la izquierda

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>
Reloj digital colocado en la esquina superior

<span id="liveclock" style="position:absolute;left:0;top:0;">

</span>
<script language="JavaScript">

</script>
Cuenta progresiva de tiempo

<script>
var montharray=new
Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/
(24*60*60*1000))*1)
difference+=" das"
document.write("Hace "+difference+" que LosRecursosGratis.com estan ayudando a los
webmasters!")
}
//webmaster esta es la fecha a cambiar
countup(2001,04,14)
</script>
Insertar fecha en una etiqueta configurable

<script languaje="JavaScript">
var mydate=new Date()

var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new
Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new
Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembr
e","Octubre","Noviembre","Diciembre")
document.write("<small><font color='000000' face='Arial'>"+dayarray[day]+"
"+daym+" de "+montharray[month]+" de "+year+"</font></small>")
</script>
Cuenta atrs para cerrar una ventana

onLoad="begintimer()"

<script>

</script>
Men barra horizontal oculta desplazable

<style>
#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold}

#divMenu a{text-decoration:none;}
#divMenu a:hover{color:red;}
</style>
/
**********************************************************************
**********
Submitted with modifications by Jack Routledge (http://fastway.to/compute) to
DynamicDrive.com
Adaptado por ..::LosRecursosGratis.com::.. (http://www.losrecursosgratis.com)
Copyright (C) 1999 Thomas Brattli @ www.bratta.com
This script is made by and copyrighted to Thomas Brattli
This may be used freely as long as this msg is intact!
This script has been featured on http://www.dynamicdrive.com
**********************************************************************
**********
Browsercheck:*/
ie=document.all?1:0
n=document.layers?1:0
//These are the variables you have to set:
//How much of the layer do you wan't to be visible when it's in the out state?
lshow=60
//How many pixels should it move every step?

var move=10;
//At what speed (in milliseconds, lower value is more speed)
menuSpeed=40
//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true
/
**********************************************************************
**********
You should't have to change anything below this.
**********************************************************************
**********/
//Defining variables
var tim;
var ltop;
//Object constructor
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
this.state=1
this.go=0
this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
this.left=b_getleft
this.obj = obj + "Object"; eval(this.obj + "=this")
}
//Get's the top position.
function b_getleft(){
var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
return gleft;
}
/
**********************************************************************
**********
Deciding what way to move the menu (this is called onmouseover, onmouseout or
onclick)
**********************************************************************
**********/
function moveMenu(){
if(!oMenu.state){
clearTimeout(tim)
mIn()
}else{
clearTimeout(tim)
mOut()
}
}
//Menu in
function mIn(){
if(oMenu.left()>-oMenu.width+lshow){
oMenu.go=1
oMenu.css.left=oMenu.left()-move
tim=setTimeout("mIn()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=1
}
}
//Menu out
function mOut(){
if(oMenu.left()<0){
oMenu.go=1
oMenu.css.left=oMenu.left()+move
tim=setTimeout("mOut()",menuSpeed)
}else{
oMenu.go=0
oMenu.state=0
}
}
/
**********************************************************************
**********
Checking if the page is scrolled, if it is move the menu after
**********************************************************************
**********/
function checkScrolled(){
if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop
if(n) setTimeout('checkScrolled()',30)
}
/
**********************************************************************
**********
Inits the page, makes the menu object, moves it to the right place,
show it
**********************************************************************
**********/
function menuInit(){
oMenu=new makeMenu('divMenu')
scrolled=n?"window.pageYOffset":"document.body.scrollTop"
oMenu.css.left=-oMenu.width+lshow
ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;
oMenu.css.visibility='visible'
if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
//Initing menu on pageload

onload=menuInit;
</script>

<div id="divMenu" style="position:absolute; top:250; left:30; width:200;

visibility:hidden; background-color:F0F0F0">
<nobr>
<a href="http://www.losrecursosgratis.com">..::LosRecursosGratis.com::..</a> -
<a
href="http://www.losrecursosgratis.com/javascript/codigos_javascript.html">Trucos
JavaScript</a> -
<a href="javascript://" onclick="moveMenu()" style="background-
color:yellow;text-decoration:none">MENU</a>
</nobr>
</div>
Men barra horizontal con botones para desplazar

<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>

/*
Scrollable Menu Links- By Dynamicdrive.com
For full source, TOS, and 100s DTHML scripts
Visit http://dynamicdrive.com
Traducido y adaptado por http://www.losrecursosgratis.com

*/
//configura aqui las imgenes

var goleftimage='imagenes/flechaizd.gif'
var gorightimage='imagenes/flechader.gif'
//configura la anchura del men
var menuwidth=300
//configura la velocidad del scroll (1-10), cuanto mayor, mas rpido
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a
href="http://www.losrecursosgratis.com.com">LosRecursosGratis.com</a> | <a
href="http://www.lazonadejuegos.com">La Zona de Juegos</a> | <a
href="http://www.losrecursosgratis.com/directorio.htm">Directorio de recursos para
webamsters</a> | <a href="http://vendedoronline.com/promoweb/index.php?
ref=raroci">Aumenta las visitas a tu web</a></nobr>'
////NO EDITES NADA A PARTIR DE AQUI////////////
var actualwidth=''
var ns_scroll
function fillup(){
if (document.all){
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup
function moveleft(){
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}
if (document.all||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="0">')
write('<td valign="middle"><a href=#" onMouseover="moveleft()"
onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0></a>
</td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+'
auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" onMouseover="moveright()"
onMouseout="clearTimeout(righttime)">')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}
</script>
Precarga de imgenes


</script>

<center>
<font face="Verdana, Arial, Helvetica" size="2"><center>Cargando imagenes de la
pgina... Por Favor, espere..</center>

</script>
</center>
</font>
Cambia el color de la barra de desplazamiento

<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>
Oculta la direccin en la barra de estado


<a href="http://la_direccion_que_quieras_que_aparezca"
onClick="javascript:window.location='http://La_Direccion_verdadera'
return false">Texto a indicar</a>
Buscadores mltiples (I)

<SCRIPT LANGUAGE="JavaScript">




</script>

<center><b>Encuntralo en los buscadores mas importantes</b>

<form name="choose4" action="javascript:numChecked(document.choose4) //"><p>
<table><tr><td><b>Directorios</b><br>
<input type="checkbox" name="check1" value="Yahoo"
onClick="choose4.check1.value='Yahoo'">Yahoo<br>
<input type="checkbox" name="check1" value="Magellan"
onClick="choose4.check1.value='Magellan'">Magellan<br>
<input type="checkbox" name="check1" value="Point"
onClick="choose4.check1.value='Point'">Point<br><br></td>
<td width="15"></td>
<td><b>Buscadores</b><br>
<input type="checkbox" name="check1" value="Alta"
onClick="choose4.check1.value='Alta'">Alta Vista<br>
<input type="checkbox" name="check1" value="Open"
onClick="choose4.check1.value='Open'">Open Text<br>
<input type="checkbox" name="check1" value="Lycos"
onClick="choose4.check1.value='Lycos'">Lycos<br>
<input type="checkbox" name="check1" value="Excite"
onClick="choose4.check1.value='Excite'">Excite<br></td>
<td><br><input type="checkbox" name="check1" value="Crawler"
onClick="choose4.check1.value='Crawler'">Webcrawler<br>
<input type="checkbox" name="check1" value="InfoSeek"
onClick="choose4.check1.value='InfoSeek'">InfoSeek<br>
<input type="checkbox" name="check1" value="DejaNews"
onClick="choose4.check1.value='DejaNews'">DejaNews<br>
<input type="checkbox" name="check1" value="Inktomi"
onClick="choose4.check1.value='Inktomi'">Inktomi<br> </td>
<td width="15"></td>
<td><b>Meta Buscadores</b><br>
<input type="checkbox" name="check1" value="MetaCrawler"
onClick="choose4.check1.value='MetaCrawler'">MetaCrawler<br>
<input type="checkbox" name="check1" value="SavySearch"
onClick="choose4.check1.value='SavySearch'">SavySearch<BR><br><br>
</td></tr></table><P><font size="3"><b>Introduce el texto para realizar la
bsqueda</b>:</font><BR>
<input type="text" name="text" size=30>
<input type="submit" name="send" value="Search">
</form>
</center>
<p style="margin-bottom: 0"><center>

<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by The JavaScript Source</font>
</center><p align="center" style="margin-top: 0; margin-bottom: 0"><font face="arial,
helvetica" size="-2">adaptado
por <a
href="http://www.losrecursosgratis.com">..::LosRecursosGratis.com::..</a></font><p>
Recomendar pgina

<script language="javascript">
// Los mejores cdigos JavaScript en http://www.losrecursosgratis.com
function mailpage()
{
mail_str = "mailto:nombre@dominio.com?subject=visita esta pgina. Es muy buena!!
" + document.title;
mail_str += "&body=Hola amigo. Te recomiendo que visites esta pgina
LosRecursosGratis.com -- " + document.title;
mail_str += ". Enlace: " + location.href;
location.href = mail_str;
}
</script>
<a HREF="javascript:mailpage()">Recomendar por e-mail esta pgina</a>
_____________________________
Mira este cdigo...
<html>
<head>
</head>
<body id="pageWait">
<FORM>
<INPUT TYPE="BUTTON" VALUE="Activar espera" NAME="btnWait">
</FORM>
<SCRIPT LANGUAGE="VBScript">
Sub btnWait_OnClick
pageWait.style.cursor="wait"
End Sub
</SCRIPT>
</body>
</html>
El problema que hay es que internet explorer da preferencia a lo ms especfico que a

lo ms general... es decir... para todos los objetos que no tengan ninguna propiedad
cursor (tablas, textos, imgenes,...) el cursor se comportar tal como le hemos dicho
en el body, pero al pasar por enlaces y botones, que tienen por ser tales la propiedad
cursor definida (en enlaces la manita, en botones la flecha normal), el cursor cambia...
En cuanto al cdigo, es bastante sencillo... llama al objeto que quieras de una manera,
y despus le cambias la propiedad desde el script... igual que con el body, poda
haberse hecho con una tabla, un rea, un texto... casi lo que fuese.
Si es un problema para t lo que te dije antes de que al pasar por enlaces y botones el
cursor cambia... puedes intentar por ejemplo jugar con capas... es decir, poner una
capa trasparente (etiqueta <DIV>) por encima y cambiarle la propiedad cursor...
cuando quieras volver a como estabas, escondes la capa y ya est... tienes muchas
posibilidades para conseguirlo.
Suerte.
Ah! para ponerlo normal de nuevo... pageWait.style.cursor="default"

Codigos de HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Codigos de HTML

Cargado por

Copyright:

Formatos disponibles

La ventana tiembla al entrar en ella.

Lo puedes ver en esta pgina al entrar.

Pgalo entre el ltimo <head> y <html> en vista HTML

Marquesina Doble Mensaje

El efecto crea una marquesina con doble texto con

var scrtxt= "EL PRIMER MENSAJE VA AQUI"

Frase recorre efecto mquina escribir.

La frase recorre la barra de estado con el efecto de una

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2)){

Anular botn de la izquierda

>

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1)){

else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 1 ||

Reloj digital colocado en la esquina superior

<span id="liveclock" style="position:absolute;left:0;top:0;">

var Digital=new Date()

Cuenta progresiva de tiempo

Insertar fecha en una etiqueta configurable

var mydate=new Date()

//enter limit in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds

Men barra horizontal oculta desplazable

#divMenu {font-family:arial,helvetica; font-size:12pt; font-weight:bold}

//These are the variables you have to set:

//How many pixels should it move every step?

//Initing menu on pageload

<div id="divMenu" style="position:absolute; top:250; left:30; width:200;

Traducido y adaptado por http://www.losrecursosgratis.com

//configura aqui las imgenes

////NO EDITES NADA A PARTIR DE AQUI////////////

startingColor = new Array() // <-- Do not modify!

// Introduce aqui las imagenes que vas a cargar previamente:

var locationAfterPreload = "cargarimagenes.htm" // Aqui debes insertar la direccion de

// Aqui debes insertar la direccion de la pgina de destino

<center><b>Encuntralo en los buscadores mas importantes</b>

<p style="margin-bottom: 0"><center>

El problema que hay es que internet explorer da preferencia a lo ms especfico que a

Ah! para ponerlo normal de nuevo... pageWait.style.cursor="default"

También podría gustarte