Hola, como puedo hacer el efecto de apagar las luces de una web, pero haciendolo con mouseover.
El problema es que haciendolo del metodo tradicional da saltos.
Aqui el codigo html
Código:
.<area shape="poly" id="uno" coords="90,0,140,93,144,133,75,176,0,54,90,0" href="#" alt="Alava llanada alavesa" />
2......
3.<div id="oculta"></div>
4.</body>
5.</html>
Código:
$('#uno').mouseenter(function(e){
2.$('#oculta').css('display','block')
3.});
4.$('#uno').mouseleave(function(e){
5.$('#oculta').css('display','none')
6.});
[B]
CSS/B]
Código HTML:
#oculto{
2.display:none;
3.position:absolute;
4.background:#000;
5.width:100%;
6.height:100%;
7.z-index:2;
8.display:none;
9. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
10. filter: alpha(opacity=45);
11. -khtml-opacity: 0.45;
12. -moz-opacity: 0.45;
13. opacity: 0.45;
14.}
y una muestra de uqe da como pantallazos
http://kalearte.com/nuevas/es/vg/ala...a-alavesa.html