Aca tienen algunos códigos javascript para su web.
Pueden editar lo rojo que está en los códigos.
______________________________________________________________
Fuegos artificiales
Da un efecto de fuegos artificiales en la pagina web, si quieres que aparesca en todas las páginas, pégalo en un box.
Como ejemplo, les muestro como en toda está pagina aparecen...
Código: <script type="text/javascript">
// <![CDATA[
var bits=100; // how many bits
var intensity=10; // how 'powerful' is the explosion (from 3 to 10 is best)
var speed=20; // how fast - smaller is faster
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
// blue red green purple cyan orange
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}
function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
// ]]>
</script>
_____________________________________________________
Links en lista
Ordena todos tus links en una lista que al pasar el mouse por arriva y soltarlo en el link, te lleva a esa página.
Código: <script language="JavaScript" type="text/javascript"><!--
function irA(menu){window.location.href = menu.options[menu.selectedIndex].value;}
// fin de javascript -->
</script>
<form name="formulario">
<p><select name="menu" size="1" onchange="irA(this)" style="BACKGROUND-COLOR: #ffa54a; COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold">
<option value="http://www.litto.es.tl/"> Litto.es.tl La mejor ayuda para tu web</option>
<option value="http://liito.es.tl/"> Liito.es.tl Diario deportivo on-line</option>
<option value="http://simpsonsweb.es.tl"> Web de los simpsons</option>
</select></p>
</form>
<script language="JavaScript" SRC="/include/frames.js">
</script>
<BODY BGCOLOR="#FFFFFF"><SCRIPT LANGUAGE="javascript1.2">
<!-- //
window.open('http://usuariosgaleon.hispavista.com/publicidad/banner.html?codArea=hv_galeon.internet&codPais=4','Publi','width=600,height=500,toolbar=0,location=0,status=0,menubar=0,scrollbars=1,resizable=1,top=0,left=0');
// -->
</SCRIPT>
<iframe src="http://www2.hispavista.com/htm/guia2.htm" width=0 height=0></iframe><script LANGUAGE="JavaScript1.1">
fecha = new Date();
bust = fecha.getTime();
document.write('<SCR' + 'IPT LANGUAGE="JavaScript1.1" SRC="http://adserver.hispavista.com/js.ng/area=hv_galeon.internet&pos=popup1&e=4&site=hv_galeon_lateral&bust='+bust+'">n');
document.write('</SCR' + 'IPT>n');
</script><SCRIPT LANGUAGE="javascript1.2">
<!-- //
runPopupTagJS('hv_galeon.internet');
// -->
</SCRIPT>
<noscript>Alojamiento ofrecido por el Grupo HispaVista <a href="http://www.hispavista.com" alt="HispaVista: Internet está aquí" target="_blank">HispaVista</a></noscript>
<SCRIPT LANGUAGE="javascript1.2" SRC="http://www.google-analytics.com/urchin.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">
<!-- //
_uacct="UA-152964-6";
urchinTracker();
// -->
</SCRIPT>
<font face="verdana" size="2" color="red"><script language="javascript">diasonline()</script></a>
</BODY>
</HTML>
______________________________________________________________
Titulo que se mueve.
Este código hara un efecto al título que se movera para los costados.
Como ejemplo les puedo mostrar el que esta arriva, fijensen como se mueve..
Código: <SCRIPT>
var txt="Litto web";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>
_________________________________________________________________
Última actualización
Esto permitira que los visitantes vean cuando fue la última vez que actualizaste tu página, muy bueno si quieres demostrarle a tus visitantes que tu pagina se actualiza seguido
Ejemplo:
Código: <script language="JavaScript">
<!--
var texto=document.lastModified;
mes=texto.substring(0,2);
dia=texto.substring(3,5);
ano=texto.substring(6,10);
document.write("Última modificación el "+dia+" del "+mes+" de "+ano);
-->
</script>
_________________________________________________________________
Cownbox
Esto es para que pongas una caja con links y con opcion de poderla abrir en una ventana nueva.
Código: <form name="mycombowopt">
<select name="example" size=1>
<option value="http://www.litto.es.tl/"> Litto.es.tl La mejor ayuda para tu web</option>
<option value="http://liito.es.tl/"> Liito.es.tl Diario deportivo on-line</option>
<option value="http://simpsonsweb.es.tl"> Web de los simpsons</option>
</select> <input type="button" value="IR!" onClick="gothere()"> <br>
<input type="checkbox" name="windowoption" value="ON"><Abrir en una nueva ventana></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>
________________________________________________________
Texto Arcoirirs
Da un colorido efecto a tu texto, muy lindo para usar como título
Código: <script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/
var text="Litto" //
var speed=80 //
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
______________________________________________
