EditarYonarWeb |||
JavaScrips
Fuente: www.entra-ya.com.ar
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. © 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> |
