Autor | Zpráva | ||
---|---|---|---|
respektcz Profil |
#1 · Zasláno: 3. 1. 2013, 20:22:55
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 |
#2 · Zasláno: 3. 1. 2013, 20:25:01
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> |
||
Časová prodleva: 11 let
|
0