chatmusical
  Html para paginas
 

TEXTO ROTATIVO

Código:
          <script>
Phrase="AQUI PON TU TEXTO QUE QUIERAS"
Balises=""
Taille=25;
Midx=-50;
Decal=0.25;
Nb=Phrase.length;
y=-500;
for (x=0;x<Nb;x++){
Balises=Balises + '<DIV>' + Phrase.charAt(x) + '</DIV>'
}
document.write (Balises);
Time=window.setInterval("Alors()",35);
Alpha=5;
I_Alpha=0.05;
function Alors(){
Alpha=Alpha-I_Alpha;
for (x=0;x<Nb;x++){
Alpha1=Alpha+Decal*x;
Cosine=Math.cos(Alpha1);
Ob=document.all("L"+x);
Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+600;
Ob.style.zIndex=10*Cosine;
Ob.style.fontSize=Taille+1*Cosine;
Ob.style.color="rgb("+ (99+Cosine*99+11) + ","+ (11+Cosine*11+00) + ",99)";
}
}
          </script>


MARQUESINA DE TEXTO
Código:
<p><b><font color="#FFFFFF" face="Verdana" size="2">
<marquee>AQUI PON TU TEXTO QUE QUIERAS</marquee></font></b></p>


TRANSICIONES DE PAGINAS
Código:
<meta><meta>


MENSAJE SOBRE TEXTO AL TRANSCURRIR SEGUNDOS
Código:
<script>
var WAIT_IN_MSECS=3000; /* 3 seconds */
var timer=null;
function doIt(_v)
{
  if(_v)
  {
    timer=setTimeout('doAction()',WAIT_IN_MSECS);
  }
  else
  {
    if(timer)
   {
     clearTimeout(timer);
     timer=null;
   }
  }
}
function doAction()
{
  alert("AQUI PON EL TEXTO QUE QUIERAS CUANDO PONGA EL MOUSE SOBRE EL TEXTO");
}
</script>


PUNTERO CAMBIA SEGUN DIRECCIÓN DEL MOUSE
Código:
<script>
<!-- Begin
var x, y, xold, yold, xdiff, ydiff;
var dir = Array();
dir[0] = "n-resize";
dir[1]="ne-resize";
dir[2]="e-resize";
dir[3]="se-resize";
dir[4] = "s-resize";
dir[5]="sw-resize";
dir[6]="w-resize";
dir[7]="nw-resize";
document.onmousemove = FindXY;
function display(direction) {
document.body.style.cursor = dir[direction];
}
function FindXY(loc) {
x = (document.layers) ? loc.pageX : event.clientX;
y = (document.layers) ? loc.pageY : event.clientY;
xdiff = x - xold;
ydiff = y - yold
if ((xdiff <  2) && (ydiff < -2)) display(0);
if ((xdiff <2>  2)) display(4);
if ((xdiff >  2) && (ydiff <  2)) display(2);
if ((xdiff < -2) && (ydiff <2>  2) && (ydiff >  2)) display(3);
if ((xdiff >  2) && (ydiff < -2)) display(1);
if ((xdiff <2>  2)) display(5);
if ((xdiff < -2) && (ydiff <2>
</script>


TEXTO ROTANDO SOBRE EL PUNTERO DEL RATON
Código:
<script>
<!-- Begin
if (document.all) {
//Escribe aquí el texto que quieres
yourLogo = "AQUI PON TU TEXTO QUE QUIERAS"; //Más de 2 letras
logoFont = "Verdana";
logoColor = "336699";
//No tienes que modificar nada mas
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer"><div>');
for (i = 0; i < L; i++) {
document.write('<div id="ie">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] <5>
</script>


TEXTO CON EFECTO DE MECANOGRAFIA
Código:
          <script><!--

//Secify scroller contents
var line=new Array()
line[1]="AQUI PON TU TEXTO QUE QUIERAS"
line[2]="AQUI PON TU TEXTO QUE QUIERAS"
line[3]="AQUI PON TU TEXTO QUE QUIERAS"
line[4]="AQUI PON TU TEXTO QUE UQIERAS"
line[5]="AQUI PON TU TEXTO QUE QUIERAS"
line[6]="AQUI PON TU TEXTO QUE QUIERAS"

//Specify font size for scoller
var ts_fontsize="12px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form>')
document.write('<input>')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor==""){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor=""}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script>


TEXTO ESTELAR
Código:
<span id="theText">
<h3><font color="#3a6ca3"><font size="+5">AQUI PON TU TEXTO QUE QUIERAS</font>
 </font><font color="#666666">
 <script>              //    ^-the text that will be displayed
<!--
//can be edited from here
var from = 5;                      //the animation start value
var to = 11;                        //the animation end value
var delay = 55;                    //the animation speed
var glowColor = "red";              //the first color
var glowColor2 = "orange";          //the second color
var glowColor3 = "yellow";          //the third color
var glowColor4 = "lime";            //4th color
var glowColor5 = "blue";            //5th color
var glowColor6 = "magenta";        //last color
//no more editing
var i = to;
var j = 0;
textPulseDown();
function textPulseUp()
{
if (!document.all)
return
if (i <to> from)
{
theText.style.filter = "Glow(Color=" + glowColor2 + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp2()',delay);
return 0;
}
}

function textPulseUp2()
{
if (!document.all)
return
if (i <to> from)
{
theText.style.filter = "Glow(Color=" + glowColor4 + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown2()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp3()',delay);
return 0;
}
}
function textPulseUp3()
{
if (!document.all)
return
if (i <to> from)
{
theText.style.filter = "Glow(Color=" + glowColor6 + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown3()',delay);
return 0;
}
if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}
//-->
</script></font></h3></span>


TEXTO LATIENDO
Código:
<span id="TexteBat">
<h1>AQUI PON TU TEXTO QUE QUIERAS</h1>
</span>
</center>
<script>
<!--
var from = 4;
var to = 12;
var delay = 55;
var glowColor = "#00FF00";
var i = to;
var j = 0;

textPulseDown();

function textPulseUp()
  {
  if (!document.all)
      return
  if (i <to> from)
      {
      TexteBat.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
      i--;
      theTimeout = setTimeout('textPulseDown()',delay);
      return 0;
      }
  if (i = from)
      {
      theTimeout = setTimeout('textPulseUp()',delay);
      return 0;
      }
  }
//-->
</script>


VENTANA LOCA
Código:
<script>

<Begin> 0; t--) {
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(0,-x);
  }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(0,x);
  }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(x,0);
  }
}
for (x = 20; x > 0; x--) {
for (y = 10; y > 0; y--) {
parent.moveBy(-x,0);
    }
  }
}
//-->

//  End -->
</script>


RELOJ SIEMPRE VISILBE
Código:
<script>
//Static analog Clock by kurt.grigg@virgin.net

fCol='000000';//face colour.
sCol='ff0000';//seconds colour.
mCol='000000';//minutes colour.
hCol='000000';//hours colour.


H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer><center><font color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer></layer>');
}
}
else{
document.write('<div><div>');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div><div>');
for (i=0; i < M.length; i++){
document.write('<div></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div><div>');
for (i=0; i < H.length; i++){
document.write('<div></div>');
}
document.write('</div></div>')
document.write('<div><div>');
for (i=0; i < S.length; i++){
document.write('<div></div>');
}
document.write('</div></div>')
}
function clock(){
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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body.clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
 document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
 document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
 }
for (i=0; i < S.length; i++){
 document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
 document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
 document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
 document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
 }
}
else{
for (i=0; i < dots; ++i){
 ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
 ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
 }
for (i=0; i < S.length; i++){
 x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
 x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);
 y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
 }
for (i=0; i <H>
</script>


TEXTO CON FUEGO
Código:
<script>
function ShadowWave()
{
if(document.getElementById && window.print)
{
var dir=Math.random();
if (dir<.1) {dir=90}
if (dir<.37) {dir=45}
if (dir<.64) {dir=315}
if (dir<.74) {dir=270}
if (dir<2) {dir=0}
document.getElementById("ejs_brouille").style.filter="shadow(color=#FFCC00,direction="+dir+",enabled=1)";
}
}
</script>
<DIV ID="ejs_brouille">
  <font face="Verdana, Arial, Helvetica, sans-serif" size="5"><strong>Texto de ejemplo</strong></font></DIV>
<script>
setInterval("ShadowWave()",50);
</script>

_________________

 
   
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis