 [js] Obrazek + kursor |
  |
| [js] Obrazek + kursor |
 
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 399 Pomógł: 7 Dołączył: 11.06.2007 Skąd: Poznan Ostrzeżenie: (20%) 
 |
Witam
Potrzebuję otrzymać taki efekt jak jest na: LINK Poradziłem sobie Kod <!-- /* * pokaObrazek baj Pajonk * * w kodzie dodaæ: * w sekcji head: <script language="javascript" src="sciezkadoTEGOpliku.js"></script> * w sekcji body: <body onLoad="document.onmousemove = mysz;"> * w elemencie strony: onmouseover="pokaObrazek('sciezka/obrazek.jpg');" onmouseout="hideObrazek();" * * w funkcji rusyjObrazek wstawiæ adres do obrazka :) */ var ie4, ns4, ns6; ie = document.all; ns4 = document.layers; ns6 = document.getElementById && !document.all; // pobieranie pozycji myszy function mysz(e) { if(ns4 || ns6) { x = e.pageX; y = e.pageY; } if(ie) { x = document.body.scrollLeft+event.clientX; y = document.body.scrollTop+event.clientY; } } function pokaObrazek(obrazek) { pozx = x; pozy = y; rysujObrazek(obrazek); if(ns6 || ie) { document.getElementById('obrazek').style.left = (pozx+100)+'px'; //odleglosc od kursora X document.getElementById('obrazek').style.top = (pozy)+'px'; //odleglosc od kursora Y document.getElementById('obrazek').style.visibility = 'visible'; } } function hideObrazek(obrazek) { if(ns6 || ie) document.getElementById('obrazek').style.visibility = 'hidden'; } function rysujObrazek(obrazek) { zrodlo = '<img src="'+obrazek+'" />'; document.getElementById("obrazek").innerHTML = zrodlo; } document.write('<div id="obrazek" style="visibility:hidden;position:absolute;"></div>'); //--> Efekty na http://cs.sekocin.pl Ten post edytował Piotrwusek 5.03.2008, 22:28:10 |
 |
 
|
|
|
Aktualny czas: 22.08.2025 - 06:01 |
