Mensaje
emergente al pasar mouse sobre texto
Pasa
el mouse sobre la palabra en rojo
Pasa el mouse
y verás que sucede.
Simplemente copia y pega el
siguiente código, asi de simple. Ubicalo donde quieras dentro de tu documento
<a href="" onMouseOver="alert('Tu mensaje');return true;">
El texto a resaltar va aqui</a>
No olvides cambiar el texto por el que desees resaltar y el mensaje de
alerta de la ventana emergente..
|
Para agregar
a favoritos en el navegador
Haz click en agreganos a
tus favoritos para ver como funciona.
Aprovecha de agregarnos a tus
favoritos.
Simplemente copia y pega el
siguiente código, asi de simple. Ubicalo donde quieras dentro de tu documento
<!-- Este javaScript y otros recursos en linea
-->
<!-- En GratissS.bizland.com!! http://www.gratisss.bizland.com.com -->
<!-- Begin
if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
var url="http://www.gratisss.bizland.com";
var title="Lo mejor de internet GratissS";
document.write('<A HREF="javascript:window.ext');
document.write('ernal.AddFavorite(url,title);" ');
document.write('onMouseOver=" window.status=');
document.write("'GratissS.bizland en tus favoritos'; return true ");
document.write('"onMouseOut=" window.status=');
document.write("' '; return true ");
document.write('">Agreganos a tus Favoritos</a>');
}
else {
var msg = "Recuerda agregarnos a tus favoritos!";
if(navigator.appName == "Netscape") msg += " (CTRL-D)";
document.write(msg);
}
// End -->
</script>
No olvides de cambiar las URL,
y los mensajes emergentes que requieras.
|
Movimiento
del mouse seguido por imagen
Quieres
ver un ejemplo como funciona?
Clic
aqui para ver ejemplo
<script>
B=document.all;
C=document.layers;
T1=new Array("archivo/imagen1.gif",81,83,"archivo/imagen2.gif",81,83,
"archivo/imagen3.gif",81,83,"0.gif",1,1)
nos=parseInt(T1.length/3)
rate=40
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*20,i*20,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
Simplemente copia y pega el
siguiente código. Ubicalo donde quieras dentro de tu documento.
No olvides cambiar las imagenes que deseas utilizar, considerando la
ubicación donde estan depositadas. Puedes usar hasta 3 imagenes. si
deseas menos, simplemente borra los códigos de las que no deseas
utilizar. Y ya esta listo..
|