Autor Zpráva
respektcz
Profil
Zdravím,
Potřeboval bych poradit. Na jedné stránce (kterou už si nepamatuji) jsem viděl obrázky, které při pohybu myši se pohybovaly na nějakou stranu. Nebyl by na internetu nějaký návod, nebo aspoň naznačit jak na to?

Předem děkuju
Vampy
Profil
Hádám, že by to šlo přes hover - CSS pozicování při najetí by jsi dal že obrázek zmněí pozici kam potřebuješ, ale nevím jestli to funguje...(zvláště v IE).
respektcz
Profil
Vampy:
Obrázek se ale nezměni staticky ale spíše "dynamicky".
Přiklad: myš se posunula o 2cm doprava. obr1 se posunul o centimetr doleva a obr2 zas nahoru. Tipuju, že je to vytvořeno na principu javascriptu. Ale jak... to nevím :D
8vm8
Profil
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#move {
    width:200px;
    height:200px;
    position:absolute;
    top:0px;
    left:0px;
    background:#F00;
    }
</style>
<title>Dokument bez názvu</title>
<script src="js/jquery-1.8.2.js"></script>
</head>

<body>
<div id="move"></div>
<script>
$(document).ready(function(){
   $(document).mousemove(function(e){
       var $x=e.pageX;
       var $y=e.pageY;
           $("#move").css({"top":$y-100,"left":$x-100}); //Tady si uprav hodnoty a osy. Pak ti bude #move jezdit třeba do...:D
        }); 
}); 
</script>
</body>
</html>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: