Esto hace que al pasar el cursor sobre una imagen,se ilumine una parte de la imagen con una luz de linterna.
- Código:
<style type="text/css">
<!--
#myimage{
filter:light
}
--></style>
<p align="center"><br />
</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img class="" id="myimage" height="230" width="230" alt="" src="[color=red]AQUI TU IMAGEN[/color]" /> <script language="Javascript1.2">
s = 50; // the size of the spotlight
vp = 10; // the visibility percent of the picture
startx = 0; // the top position of your sportlight into the image (on start)
starty = 0; // the left position of your spotlight into the image (on start)
var IE = document.all?true:false
function moveL()
{
xv = tempX;
yv = tempY;
myimage.filters.light.MoveLight(1,xv,yv,s,true);
}
if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0
function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
if (t)
{
moveL();
}
return true
}
var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="hand";
myimage.filters.light.addAmbient(255,255,255,vp)
myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
}
</script></p>
Última edición por vfcorporation el Sáb Ene 31, 2009 4:56 pm, editado 1 vez
Jue Abr 02, 2009 12:51 pm por ilub
» [Reglas]Talleristas del foro
Miér Abr 01, 2009 5:46 pm por vfcorporation
» Ola soy Diego
Miér Abr 01, 2009 5:32 pm por vfcorporation
» chevrolet camaro
Miér Abr 01, 2009 5:29 pm por vfcorporation
» Mi presentacion
Dom Mar 29, 2009 12:19 am por Wario*
» xdp-web
Dom Mar 22, 2009 12:48 am por vfcorporation
» Foro en construcción
Dom Mar 22, 2009 12:46 am por vfcorporation
» sujerencia, por incomodidad
Sáb Mar 21, 2009 11:26 pm por vfcorporation
» Miren mi foro
Mar Mar 17, 2009 1:00 am por vfcorporation