Efectos para cursor - (page 2) - Tutorial, CSS, HTML

Par GloriaV le 17 Juillet 2015 à 15:46

Cursor con imagen 3º CSS

CSSh1{ cursor: url(https://lh6.googleusercontent.com/-Bef0P89-HsU/VNsuCU0zJvI/AAAAAAABbzA/XTRG1-J6cPc/w28-h18-no/4.gif), progress; } a, a:hover{ cursor: url(https://lh4.googleusercontent.com/-UEp1oAgiiUU/VNst2X1tTKI/AAAAAAABbys/sfHh6Kt1n5M/w28-h18-no/3.gif), help; }

votre commentaire
Par GloriaV le 17 Juillet 2015 à 15:58

Cursor con texto

HTML<script language='javascript' type='text/javascript'> //Cursor con texto en movimiento //<![CDATA[ var x,y var tempo = 10 var espera = 0 var texto = "Dios es amor y humor" texto = texto.split("") var xpos = new Array() for (i = 0; i <= texto.length - 1; i++) { xpos[i] = -50 } var ypos = new Array() for (i = 0; i <= texto.length - 1; i++) { ypos[i] = -50 } function seguir(e){ //si no es NS4, usa objeto window.event if (!e) var e = window.event //NS4 if (e.pageX || e.pageY) { x = e.pageX y = e.pageY window.status = x + ' : ' + y //IE y compatibles con DOM } else if (e.clientX || e.clientY) { x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop window.status = x + ' : ' + y //no soportado, no hace nada } else { return } espera = 1 } function animar_cursor() { if ( espera == 1 ) { for ( i = texto.length - 1; i >= 1; i--) { xpos[i] = xpos[i-1] + tempo ypos[i] = ypos[i-1] } xpos[0] = x + tempo ypos[0] = y } //para el IE 4.x if ( espera==1 && document.all ) { for (i = 0; i <= texto.length - 1; i++) { var letra = eval("span" + i + ".style") letra.posLeft = xpos[i] letra.posTop = ypos[i] } } //para el Netscape 4.x else if ( espera==1 && document.layers ) { for (i = 0; i <= texto.length - 1; i++) { var letra = eval("document.span" + i) letra.left = xpos[i] letra.top = ypos[i] } } //para navegadores compatibles DOM else if ( espera==1 && document.getElementById ) { for (i = 0; i <= texto.length - 1; i++) { var letra = document.getElementById( "span" + i) letra.style.left = xpos[i] + 'px' letra.style.top = ypos[i] + 'px' } } var timer = setTimeout("animar_cursor()", 30) } if (document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = seguir //]]> </script><style type='text/css'> .cursoranimado { position:absolute; visibility:visible; top:-50px; font-size:11pt; font-family:Arial; font-weight:bold; color:red; } </style> <script language='javascript' type='text/javascript'> //<![CDATA[ if (document.layers) { for (i=0;i<=texto.length-1;i++) { document.write('') document.write(texto[i]) document.write('') } } else if (document.all || document.getElementById) { for (i=0;i<=texto.length-1;i++) { document.write('<div id="span' + i + '" class="cursoranimado">') document.write(texto[i]) document.write('</div>') } } animar_cursor() //]]> </script>

votre commentaire
Par GloriaV le 17 Juillet 2015 à 16:10

Estrellas que acompañan cursor

HTML <script type='text/javascript'> // <![CDATA[ var colour="#DBDCFA"; 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>

votre commentaire
Par GloriaV le 5 Août 2015 à 17:37

❤ ❤ ❤ ❤

!!!HTML JavaS<script type="text/javascript">// <![CDATA[ var colours=new Array('#ACE1ED', '#FFB3B3', '#93B16B', '#FD4D4D', '#FEE034', '#B3DAD9'); // color de los corazones var minisize=8; // El tamaño más pequeño de los corazones var maxisize=16; // Tamaño más grande de los corazones var hearts=100; // Numero de corazones var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects /***************************** *JavaScript Love Heart Cursor* * (c)2013+ 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 herz=new Array(); var herzx=new Array(); var herzy=new Array(); var herzs=new Array(); var kiss=false; if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) { var oldonload=window.onload; if (typeof(oldonload)!='function') window.onload=funky; else window.onload=function() { if (oldonload) oldonload(); funky(); } } addRVLoadEvent(mwah); function mwah() { if (document.getElementById) { var i, heart; for (i=0; i<hearts; i++) { heart=createDiv("auto", "auto"); heart.style.visibility="hidden"; heart.style.zIndex=(over_or_under=="over")?"1001":"0"; heart.style.color=colours[i%colours.length]; heart.style.pointerEvents="none"; if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)"; else heart.style.opacity=0.75; heart.appendChild(document.createTextNode(String.fromCharCode(9829))); document.body.appendChild(heart); herz[i]=heart; herzy[i]=false; } set_scroll(); set_width(); herzle(); }} function herzle() { var c; if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) { ox=x; oy=y; for (c=0; c<hearts; c++) if (herzy[c]===false) { herz[c].firstChild.nodeValue=String.fromCharCode(9829); herz[c].style.left=(herzx[c]=x-minisize/2)+"px"; herz[c].style.top=(herzy[c]=y-minisize)+"px"; herz[c].style.fontSize=minisize+"px"; herz[c].style.fontWeight='normal'; herz[c].style.visibility='visible'; herzs[c]=minisize; break; } } for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c); setTimeout("herzle()", 40); } document.onmousedown=pucker; document.onmouseup=function(){clearTimeout(kiss);}; function pucker() { ox=-1; oy=-1; kiss=setTimeout('pucker()', 100); } function blow_me_a_kiss(i) { herzy[i]-=herzs[i]/minisize+i%2; herzx[i]+=(i%5-2)/5; if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) { herz[i].style.visibility="hidden"; herzy[i]=false; } else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i); else { if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px"; herz[i].style.top=herzy[i]+"px"; herz[i].style.left=herzx[i]+"px"; } } function break_my_heart(i) { var t; herz[i].firstChild.nodeValue=String.fromCharCode(9676); herz[i].style.fontWeight='bold'; herzy[i]=false; for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i])); setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i])); } document.onmousemove=mouse; function mouse(e) { if (e) { y=e.pageY; x=e.pageX; } else { set_scroll(); y=event.y+sdown; x=event.x+sleft; } } window.onresize=set_width; function set_width() { var sw_min=999999; var sh_min=999999; if (document.documentElement && document.documentElement.clientWidth) { if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)=='number' && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; } if (document.body.clientWidth) { if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; } if (sw_min==999999 || sh_min==999999) { sw_min=800; sh_min=600; } swide=sw_min; shigh=sh_min; } window.onscroll=set_scroll; function set_scroll() { if (typeof(self.pageYOffset)=='number') { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body && (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; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height; div.style.width=width; div.style.overflow="hidden"; div.style.backgroundColor="transparent"; return (div); } // ]]></script> <script type="text/javascript">// <![CDATA[ if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); // ]]></script>  <script src="/js/cookiechoices.js"></script> <script>// <![CDATA[ document.addEventListener('DOMContentLoaded', function(event) { window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar( (window.cookieOptions && cookieOptions.msg) || 'Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies.', (window.cookieOptions && cookieOptions.close) || 'Entendido', (window.cookieOptions && cookieOptions.learn) || 'Más información', (window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies'); }); // ]]></script>

votre commentaire
Par GloriaV le 20 Août 2015 à 10:52

Imagen que acompaña cursos

HTML<script type="text/javascript">// <![CDATA[ /* Image qui suit la souris */ var x = 0; var y = 0; if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = Pos_Souris; window.onload = Bouge_Image; } function Pos_Souris(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; } posX = 0; posY = 0; anim = true; oldpos = "http://dl3.glitter-graphics.net/pub/1185/1185493no8c8h8rxl.gif"; function Bouge_Image() { if (document.getElementById && anim) { posX = posX+(((x-posX)+20)/15); posY = posY+(((y-posY)+20)/15); if(posX<x) newpos='http://dl3.glitter-graphics.net/pub/1185/1185493no8c8h8rxl.gif'; else newpos='http://lh4.ggpht.com/_BJo2sJZzI3g/Sq48pf9k5OI/AAAAAAAAIug/kUt82LZnS8Q/s400/beijos10.png'; if(newpos!=oldpos) { document.tete.src=newpos; oldpos=newpos; } document.getElementById("teteronde").style.top = posY+"px"; document.getElementById("teteronde").style.left = posX+"px"; tempo = setTimeout("Bouge_Image()", 15) } } if(document.getElementById) { document.write('<div id="teteronde" style="position: absolute">'); document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">'); document.write('<img style="width:50px;" src="http://ekladata.com/nwOR0-ohdQi_hRkMsaLRwjSm3gg/divers-bd-074.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />'); document.write('</a>'); document.write('</div>'); } // ]]></script>

votre commentaire

Par GloriaV le 13 Août 2016 à 19:19

4. conjunto de estrellas que siguen el cursor

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>  
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> 


<script language="JavaScript"> 
if (document.all){ 
with (document){ 
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') 
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') 
write('</div>') 
} 
} 


var Clrs=new Array(6) 
Clrs[0]='ff0000'; 
Clrs[1]='00ff00'; 
Clrs[2]='000aff'; 
Clrs[3]='ff00ff'; 
Clrs[4]='fff000'; 
Clrs[5]='fffff0'; 



if (document.layers) 
{window.captureEvents(Event.MOUSEMOVE);} 
var yBase = 200; 
var xBase = 200; 
var step; 
var currStep = 0; 
var Xpos = 1; 
var Ypos = 1; 

if (document.all) 
{ 
function MoveHandler(){ 
Xpos = document.body.scrollLeft+event.x; 
Ypos = document.body.scrollTop+event.y; 
} 
document.onmousemove = MoveHandler; 
} 

else if (document.layers) 
{ 
function xMoveHandler(evnt){ 
Xpos = evnt.pageX; 
Ypos = evnt.pageY; 
} 
window.onMouseMove = xMoveHandler; 
} 

function animateLogo() { 
if (document.all) 
{ 
yBase = window.document.body.offsetHeight/4; 
xBase = window.document.body.offsetWidth/4; 
} 
else if (document.layers) 
{ 
yBase = window.innerHeight/4; 
xBase = window.innerWidth/4; 
} 

if (document.all) 
{ 
for ( i = 0 ; i < starsDiv.all.length ; i++ ) 
{step=3; 
starsDiv.all.style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); 
starsDiv.all.style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); 
for (ai=0; ai < Clrs.length; ai++) 
{ 
var c=Math.round(Math.random()*[ai]); 
} 
starsDiv.all.style.background=Clrs[c]; 
} 
} 

else if (document.layers) 
{ 
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! 
{step = 4; 
var templayer="a"+j 
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); 
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); 
for (aj=0; aj < Clrs.length; aj++) 
{ 
var c=Math.round(Math.random()*[aj]); 
} 
document.layers[templayer].bgColor=Clrs[c]; 
} 
} 
currStep+= step; 
setTimeout("animateLogo()", 10); 
} 
animateLogo(); 
// --> 
</script>

votre commentaire

Par GloriaV le 13 Août 2016 à 19:19

Reloj que sigue cursor

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> 
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> 
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER> 


<script language="JavaScript"> 
if (document.all){ 
with (document){ 
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') 
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') 
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') 
write('</div>') 
} 
} 


var Clrs=new Array(6) 
Clrs[0]='ff0000'; 
Clrs[1]='00ff00'; 
Clrs[2]='000aff'; 
Clrs[3]='ff00ff'; 
Clrs[4]='fff000'; 
Clrs[5]='fffff0'; 



if (document.layers) 
{window.captureEvents(Event.MOUSEMOVE);} 
var yBase = 200; 
var xBase = 200; 
var step; 
var currStep = 0; 
var Xpos = 1; 
var Ypos = 1; 

if (document.all) 
{ 
function MoveHandler(){ 
Xpos = document.body.scrollLeft+event.x; 
Ypos = document.body.scrollTop+event.y; 
} 
document.onmousemove = MoveHandler; 
} 

else if (document.layers) 
{ 
function xMoveHandler(evnt){ 
Xpos = evnt.pageX; 
Ypos = evnt.pageY; 
} 
window.onMouseMove = xMoveHandler; 
} 

function animateLogo() { 
if (document.all) 
{ 
yBase = window.document.body.offsetHeight/4; 
xBase = window.document.body.offsetWidth/4; 
} 
else if (document.layers) 
{ 
yBase = window.innerHeight/4; 
xBase = window.innerWidth/4; 
} 

if (document.all) 
{ 
for ( i = 0 ; i < starsDiv.all.length ; i++ ) 
{step=3; 
starsDiv.all.style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); 
starsDiv.all.style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); 
for (ai=0; ai < Clrs.length; ai++) 
{ 
var c=Math.round(Math.random()*[ai]); 
} 
starsDiv.all.style.background=Clrs[c]; 
} 
} 

else if (document.layers) 
{ 
for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! 
{step = 4; 
var templayer="a"+j 
document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); 
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); 
for (aj=0; aj < Clrs.length; aj++) 
{ 
var c=Math.round(Math.random()*[aj]); 
} 
document.layers[templayer].bgColor=Clrs[c]; 
} 
} 
currStep+= step; 
setTimeout("animateLogo()", 10); 
} 
animateLogo(); 
// --> 
</script>

votre commentaire

Par GloriaV le 13 Août 2016 à 19:24

Cursor con imagen

<SCRIPT language="JavaScript1.2">

/*
Roaming Cursor script (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//specify path to cursor image
var cursorpath="cursor.gif"

if (document.layers)
{document.write("<LAYER NAME='PoInTeRs' LEFT=10 TOP=10><img src='"+cursorpath+"' width=17 height=22></LAYER>")}
else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+cursorpath+"' width=17 height=22></div>")}

count=-1;                                                     
move=1;

function Curve(){
abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)
for (i=0; i < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
howbend=abc[C];
setTimeout('Curve()',1900);
return howbend;
}
ypos=10;
xpos=10;

degree = 60;
function MoveRandom(){
PathBend=degree+=howbend;//ok!
y = 4*Math.sin(PathBend*Math.PI/180);
x = 6*Math.cos(PathBend*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.PoInTeRs.top=ypos+window.pageYOffset;
document.PoInTeRs.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.pOiNtErS.style.top=ypos+document.body.scrollTop;
document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('MoveRandom()',50);
}
function edges(){
if (document.layers){
if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5);
if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5);
if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK!
}
else if (document.all)
{
if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5);
if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5);
if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK!
if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK!
}
setTimeout('edges()',100);
}
function starteffect(){
Curve();
MoveRandom();// onUnload="opener.gO()"
edges();
}

if (document.all||document.layers)
window.onload=starteffect
</script>

votre commentaire

Par GloriaV le 22 Décembre 2016 à 16:26

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER>


<script language="JavaScript">

/*
Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}


var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';



if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;

if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}

else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
}

if (document.all)
{
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {step=3;
  starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
  starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
  for (ai=0; ai < Clrs.length; ai++)
    {
     var c=Math.round(Math.random()*[ai]);
    }
    starsDiv.all[i].style.background=Clrs[c];
 }
}

else if (document.layers)
{
 for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
 {step = 4;
  var templayer="a"+j
  document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
  document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
  for (aj=0; aj < Clrs.length; aj++)
    {
     var c=Math.round(Math.random()*[aj]);
    }
    document.layers[templayer].bgColor=Clrs[c]; 
 }
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>

votre commentaire

Par GloriaV le 20 Janvier 2017 à 16:11

CSS<style type="text/css"> body{ cursor:url("http://ekladata.com/wYICTbNq6L0zqCBecE30XwfFUYQ.gif"),crosshair; } </style>

votre commentaire
Par GloriaV le 12 Mars 2017 à 12:43

HTML<style> BODY{ cursor:url("http://dl3.glitter-graphics.net/pub/1218/1218553qsj01ax4o5.gif"), default; } </style>

votre commentaire
Par GloriaV le 12 Mars 2017 à 14:52

HTML<STYLE type="text/css">  </STYLE> <SCRIPT language="JavaScript1.2" type="text/JavaScript">  </SCRIPT>  <SCRIPT language="JavaScript" type="text/JavaScript">  </SCRIPT>

votre commentaire
Par GloriaV le 12 Mars 2017 à 15:25

Fireworks
HTML<SCRIPT LANGUAGE="JavaScript">   if (document.getElementById){ // Plenty of black gives a better sparkle effect. showerCol=new Array('#000000','#ff0000','#ffffff','#000000','#00ff00','#ff00ff','#ffffff','#ffa500','#000000','#fff000'); launchCol=new Array('#ffff00','#ff00ff','#00ffff','#ffffff','#ff8000'); runSpeed=70; //setTimeout speed. // *** DO NOT EDIT BELOW *** var yPos=200; var xPos=200; var explosionSize=200; var launchColour='#ffff80'; var timer=null; var dims=1; var evn=360/14; firework=new Array(); var ieType=(typeof window.innerWidth != 'number'); var ieRef=((ieType) && (document.compatMode) && (document.compatMode.indexOf("CSS") != -1)) ?document.documentElement:document.body; thisStep=0; step=5; for (i=0; i < 14; i++){ document.write('<div id="sparks'+i+'" style="position:absolute;top:0px;left:0px;height:1px;width:1px;font-size:1px;background-color:'+launchColour+'"><\/div>'); firework[i]=document.getElementById("sparks"+i).style; } function winDims(){ winH=(ieType)?ieRef.clientHeight:window.innerHeight; winW=(ieType)?ieRef.clientWidth:window.innerWidth; bestFit=(winW >= winH)?winH:winW; } winDims(); window.onresize=new Function("winDims()"); function Reset(){ var dsy=(ieType)?ieRef.scrollTop:window.pageYOffset; thisStep=-1; launchColour = launchCol[Math.floor(Math.random()*launchCol.length)]; explosionSize=Math.round(100+Math.random()*(bestFit/4)); yPos = explosionSize+Math.round(Math.random()*(winH-(explosionSize*2.2)))+dsy; xPos = explosionSize+Math.round(Math.random()*(winW-(explosionSize*2.2))); dims=1; for (i=0; i < 14; i++){ firework[i].backgroundColor=launchColour; firework[i].width=dims+"px"; firework[i].height=dims+"px"; firework[i].fontSize=dims+"px"; } Fireworks(); } function Fireworks(){ thisStep+=step; timer=setTimeout("Fireworks()",runSpeed); for (i=0; i < 14; i++){ firework[i].top = yPos + explosionSize * Math.sin(i*evn*Math.PI/180)*Math.sin(thisStep/100)+"px"; firework[i].left= xPos + explosionSize * Math.cos(i*evn*Math.PI/180)*Math.sin(thisStep/100)+"px"; if (thisStep > 100){ dims=(explosionSize < 150)?1:Math.round(1+Math.random()*2); firework[i].backgroundColor=showerCol[Math.floor(Math.random()*showerCol.length)]; firework[i].width=dims+"px"; firework[i].height=dims+"px"; firework[i].fontSize=dims+"px"; } } if (thisStep > 160){ clearTimeout(timer); Reset(); } } window.onload=Fireworks; } //--> </SCRIPT>

votre commentaire
1 2