<script>
/***** Corazones cayendo en el blog *****/
if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['corazon']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1qMg5ViOSyLSa1dvxdFBxmHL8Rg-QS186BsNdRPwxXdXQCjbEqwUd-lFTIbQlYXeWJrzRXa1KZug0xk9uiSOaICaU1pm_uGT0hHWwbMEpcCwgMB34aHUjWzPZoCUVq0E2ehRlDX5N-Oo/s32/heart.png";$pdj(document).ready(function(){var c=$pdj(window).width();var d=$pdj(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(8500,10000),function(){$pdj(this).fadeOut('slow',function(){f(a)})})},e(1,9000))};$pdj('<div></div>').attr('id','corazonDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=15;i++){var g=$pdj('<img/>').attr('src',image_urls['corazon']).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('corazonDrop').appendTo('#corazonDiv');f(g);g=null};var h=0;var j=0;$pdj(window).resize(function(){c=$pdj(window).width();d=$pdj(window).height()})});</script>
ara poner este cursor de corazones en tu blog, entra en la Edición HTML de tu plantilla, y antes de </body> pega este código:
<script type="text/javascript" src="http://blogparts.giffy.me/0010/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/"><img style="border:0;" src="http://blogparts.giffy.me/0010/parts.png" alt="はじけるハートの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"><a href="http://twi1.me/">[PR]面白ツイート集めました</a></p>
http://www.ciudadblogger.com/2012/02/cursor-con-corazones-que-se-desvanecen.html
Distintos tutoriales y varios efectos para los cursores:
(estrellas que caen,
burbujas que suben,
explosión de estrellas,
humo que sale del cursor y
reloj de colores que sigue al cursor).
Estrellas caen del cursor, color azul,
pega este código
<script type="text/javascript">
//
<![CDATA[
var colour="#3333FF";
var
sparkles=50;
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"
}
}
http://diyva.blogspot.com/2011/10/efecto-estrellas-de-colores-en-el.html#
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>
http://pruebasdeyk.blogspot.com/
No hay comentarios:
Publicar un comentario