AYuDWeB

Codigos Javascrip

Mensaje en la barra inferior

<script language="JavaScript">
<!--
var yourwords = "Wedmaster te ayuda en tu Web";
var speed = 150;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash();",speed);
}
// -->
</script>


Efecto texto en desvanesimiento con scroll 

Entre las etiquetas <HEAD> Y </HEAD>

 

 

 

Código:
<style TYPE="text/css">
   <!--
   .TextScrollStyle {
      visibility:hidden;
      font-family:Verdana;
      font-weight:bold;
      text-align:center;
      padding:0;
      margin:0;
      width:100%;
      overflow:hidden;
   }

   -->
   </style>
<script language="JavaScript1.2">

/*
Dynamic Fader Script (updated: 00/08/05)
Created and submitted by Nicholas Poh (hwinmain@yahoo.com) to
Dynamicdrive.com
Key modifications by Dynamic Drive for stability/ efficiency in NS
For full source code, usage terms, and 100s more scripts, visit
http://dynamicdrive.com
*/

//1) Configure messages:
      var TS_message = new Array();
             TS_message[0] = '<div align="left">Hello there</div>';
          TS_message[1] = '<div align="left">Wow... hope you
like it!</div>';
      TS_message[2] = '<div align="left">Script downloaded from
<A HREF="http://www.cyberiapc.com">CyberiaPC.com</A></div>';

//2) Configure fader width and colors:
             var TS_scrollwidth=400      //configure fader width
      var TS_colorFG = 0x000000;   // Text color
      var TS_colorBG = 0xFFFFFF;  //bgColor

             // uncomment any value you wanted to change
      //var TS_ymax    = 50;      
   // How many pixel to move
      //var TS_ystep   = 1;      
   // 1 or -1 only (Scroll direction)
      //var TS_speed   = 2;      
   // The smaller the value the faster
      //var TS_pause   = 100;      
   // Pause time(milisecond) between messages
      var TS_fadestep= 20;      
   // Steps to fade in and out

             if (document.all)
             
document.write('<style>#containerarea{width:'+TS_scrollwidth+'}</style
>')
</script>

 



Entre las etiquetas <BODY> Y </BODY>

 

Código:
<DIV id="containerarea">
<SCRIPT LANGUAGE="JavaScript1.2" SRC="textfader.js"></SCRIPT>
</DIV>

 

Texto En Grande Que Salta Por Toda La Pantalla

Entre las etiquetas <BODY> Y </BODY>

Código:
<style type="text/css">

#supertext {
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;

}

</style>


<script language="JavaScript1.2">

/*
Bouncy message script- By Dynamicdrive.com
Code based on Lloyd Hassell's, at http://www.dynamicdrive.com/dynamicindex4/bounceimage.htm
For full source, TOS, and 100s DTHML scripts, visit http://dynamicdrive.com
*/

//Configure the below three variables

//1) Set message to display (HTML accepted)
var thecontent='<h2><font color="#0000FF">Welcome to Dynamic Drive!</font></h2>'
//2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen)
var hidetimer='';
//3) Set speed of animation (1-50), where larger is faster
var BallSpeed = 20;



///NO NEED TO EDIT BELOW THIS LINE///////////

var contentWidth;
var contentHeight;
var maxBallSpeed = 50;


var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
   if (document.all) {
      xMax = document.body.clientWidth
      yMax = document.body.clientHeight
      document.all("supertext").style.visibility = "visible";
      contentWidth=supertext.offsetWidth
      contentHeight=supertext.offsetHeight
      }
   else if (document.layers) {
      xMax = window.innerWidth;
      yMax = window.innerHeight;
      contentWidth=document.supertext.document.width
      contentHeight=document.supertext.document.height
      document.layers["supertext"].visibility = "show";
      }
   setTimeout('moveBall()',400);
   if (hidetimer!='')
   setTimeout("hidetext()",hidetimer)
   }

function moveBall() {
   if (superballRunning == true) {
      calculatePosition();
      if (document.all) {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
         document.all("supertext").style.top = yPos + document.body.scrollTop;
         }
      else if (document.layers) {
         document.layers["supertext"].left = xPos + pageXOffset;
         document.layers["supertext"].top = yPos + pageYOffset;
         }
      animatetext=setTimeout('moveBall()',20);
      }
   }

function calculatePosition() {
   if (xDir == "right") {
      if (xPos > (xMax - contentWidth - BallSpeed)) {
         xDir = "left";
         }
      }
   else if (xDir == "left") {
      if (xPos < (0 + BallSpeed)) {
         xDir = "right";
         }
      }
   if (yDir == "down") {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
         yDir = "up";
         }
      }
   else if (yDir == "up") {
      if (yPos < (0 + BallSpeed)) {
         yDir = "down";
         }
      }
   if (xDir == "right") {
      xPos = xPos + BallSpeed;
      }
   else if (xDir == "left") {
      xPos = xPos - BallSpeed;
      }
   else {
      xPos = xPos;
      }
   if (yDir == "down") {
      yPos = yPos + BallSpeed;
      }
   else if (yDir == "up") {
      yPos = yPos - BallSpeed;
      }
   else {
      yPos = yPos;
      }
   }

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</script>


Efecto de texto 3D
(Sin Imagen)

 

 

Código:
<!----------------- PLEASE ATTACH THIS IF USED -------------->
<meta name=author
content="Raul R. Edwards">
<meta name=copyright
content="Software Angel, Inc. (c) April 1, 1999"> <meta license=GNU
content="GNU General Public License Version 1.2
as published by the Free Software Foundation"
<!----------------------------------------------------------->
<style>
body { background:silver; font-family:Arrus BT,Garamond,Times New
Roman; }
div { position:absolute; }
</style>

<title>Emboss & 3D Letters</title>
<head>

<body>

Written by<br>

<style>
a { text-decoration: none; color:maroon; vlink:maroon; alink:red;}
a:hover {color: red }
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; } </style>

<div class="info">
<div class="light">
<i>Software Angel, Inc.</i>
</div>
<div class="shade">
<i>Software Angel, Inc.</i>
</div>
<div class="fill">
<i>
<a href="mailto:rre@scs.howard.edu"
onmouseover="status='Software Angel, Inc. &copy 1999'; return true;"
onmouseout="status='Emboss & 3D Letters'; return true;">
Software Angel, Inc.</a>
</i>
</div>


</div>
<br><br><br>

<!--- Example #1 --->
<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<div class=Example1>

<div class="shade1">
<center><h1>Shadow</h1></center>
</div>
<div class="fill1">
<center><h1>Shadow</h1></center>
</div>

</div>

<br><br><br>

<!--- Example #2 --->
<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<div class=Example2>
<div class="light2">
<center><h1>Emboss Background Example</h1></center>
</div>
<div class="shade2">
<center><h1>Emboss Background Example</h1></center>
</div>
<div class="fill2">
<center><h1>Emboss Background Example</h1></center>
</div>
</div>

<br><br><br>

<!--- Example #3 --->
<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; } </style>
<div class=Example3>
<div class="light3">
<center><h1>Emboss Color Example</h1></center>
</div>
<div class="shade3">
<center><h1>Emboss Color Example</h1></center>
</div>
<div class="fill3">
<center><h1>Emboss Color Example</h1></center>
</div>
</div>

<br><br><br>

<!--- Example #4 --->
<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; } </style>
<div class=Example4>
<div class="light4">
<center><h1>Color Highlight Example</h1></center>
</div>
<div class="shade4">
<center><h1>Color Highlight Example</h1></center>
</div>
<div class="fill4">
<center><h1>Color Highlight Example</h1></center>
</div>
</div>
 


Frase firme sigue ratón






Textos en la barra de estado como si fueran máquina de escribir


Marquesina que pone dos mensajes


Una marquesina sigue al mouse







Texto ke pasea por la ventana







Menú desplegable







Menú ke aparece al presionar el botón derecho del mouse







El cursor parece una mira






Reloj en javascript


Creo que el más popular (Haz que tu página tiemble)




El que se está poniendo de moda (ver unidad C)







Para webs sin frames, mantiene tu web en primer plano.







Texto y hora en el status.





Banner rotatorio (puedes agregar los banners ke kieras)







Saludo al entrar a la página:





 

Hola y adiós






Alerta al presionar el botón derecho







Animar barra de estado







Botones animados







Animar barra de título






Poner color a las barras de desplazamiento







Mensaje al pasar el mouse por encima del texto







Proteger una página con contraseña







Penalizar con un número de clicks al presionar 2 veces el botón derecho




 

Preguntar " Cual Es Tu Nombre "



 

Fecha


 

Texto Con Zoom



Esto Ponlo Donde Quieras que Este la Frase ( Tienes que Editarle La Frase )



Popup Especial




Esto Ponlo Donde Quieras que Este El Link ( Editale El Link )

 

 

Cambiar el color de fondo cuando se carga la página







Mensaje al pasar el mouse por encima del texto







Proteger una página con contraseña







Penalizar con un número de clicks al presionar 2 veces el botón derecho







Cambia el color de fondo al pasar el mouse por encima:







Imagen de cursor con estela







Fecha en la barra de estado





Fraze de tipo serpiente persigue a raton :





Fecha







Abre una ventana en forma de persiana







Imagen sigue ratón







Imagen se pasea por la toda la ventana
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis