¡Hola, Fans de mi blog! Si tienen un blog, los queremos ayudar, así que les daremos códigos de muchas cosas que tenemos nosotras que queremos compartir con todos ustedes, así que empecemos con un reloj de Cuteki de cerdito
<!--Start: Cuteki·Widget--><center><div style="width:300px; height:180px; float: inherit;"><script language="javascript">var cutekiWidget=1; var cutekiLeng="undefined"</script><script type="text/javascript" language="javascript" src="http://www.cuteki.es/widgets/relojes/cuteki-clock.js"></script><div align="center"><font style="font-size:9px; text-decoration:none; color:#e27373; font-family: Arial, Georgia">Cuteki </font><a href="http://www.cuteki.es/postales-tarjetas" style="font-size:9px; text-decoration:none; color:#e27373; font-family: Arial, Georgia">tarjetas virtuales</a></div></div></center><!--End: Cuteki·Widget-->
Copien este código en Diseño HTML Java Script en su blog y lo tendrán
<!--Start: Cuteki·Widget--><center><div style="width:250px; height:250px; float: inherit;"><script language="javascript">var cutekiWidget=1; var cutekiLeng="undefined"</script><script type="text/javascript" language="javascript" src="http://www.cuteki.es/widgets/pins/cuteki-pin.js"></script><div align="center"><font style="font-size:9px; text-decoration:none; color:#e27373; font-family: Arial, Georgia">Cuteki </font><a href="http://www.cuteki.es" style="font-size:9px; text-decoration:none; color:#e27373; font-family: Arial, Georgia">cute kawaii</a></div></div></center><!--End: Cuteki·Widget-->
Este último código es un cartel de I LOVE KAWAII.
Ahora vamos a ponerle un súper efecto para su mouse:
<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
var sparkles=40;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
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;
}
}
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;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Y les recomendamos Glitterfy, la página para poner texto brillante y fotos. Pueden elegir efectos de brillo. Bueno, es lo que tenemos por hoy, chicos. Gracias, adiós, espero que les sirva esta info. Recuerden: Elijan Girl's Shop para su ayuda. ¡Nos vemos en la próxima entrada!
No hay comentarios:
Publicar un comentario