ďťż
Podstrony
|
telcocafeWidziałem na wielu stronach przyciemnione obrazki, które rozjaśniają sie po najechaniu na nie myszką. Wie ktoś jak je zrobić ? :huh:Trzeba mieć 2 takie same obrazki, jeden jaśniejszy od drugiego, no i potem klasyczne mouseover. To nie to. Tamto rozjaśnienie przez MouseOver jest gwałtowne. A ja widziałem powoli rozjaśniające sie obrazek (tylko nie mówcie zebym zrobił kilka obrazkow i posklejał w animacje) Java-script, kiedyś coś takiego miałem, musisz poszukać na stronach z darmowymi skryptami. Alpha w stylach css + java script dają taki efekt... Jak znajdę to napiszę dokładnie... Jest na ten temat trochę na http://www.kurshtml.boo.pl/ Alpha w stylach css + java script dają taki efekt... Jak znajdę to napiszę dokładnie... Jest na ten temat trochę na http://www.kurshtml.boo.pl/ He he mój ulubiony kurs. Mam go od dawna na kompie ;) i jak narazie nic z niego nie wyczytałem na ten temat. Chyba musze go jeszcze raz przestudiować :> Wszystko jest opsanie na http://www.webmark.prv.pl/ <style> #myimage{ filter:light } </style> <img id="myimage" src="img.jpg"> <script language="Javascript1.2"> s = 30; vp = 10; startx = 0; starty = 0; 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> Zamień nazwy obrazków (img.jpg) ,a jak podziała to odpisz :) Użytkownik adam.baranowski1 edytował ten post 08 sierpień 2005, 20:33 Może poprostu były zrobione we Flashu ja wuciagnalem z jakies stronki skrypt i niby dziala: <html> <script language=Javascript> <!-- nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+"," +delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects[ "+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate) ; } } //--> </SCRIPT> <a href=home.html target=_blank><img src=buton.gif border='0' style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,20,10)" onmouseout="nereidFade(this,20,5,5)"></a> </html> jesli chcemy miec wiecej jak jeden obrazek,wpisujemy kolejne: <a href=home.html target=_blank><img src=buton2.gif border='0' style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,20,10)" onmouseout="nereidFade(this,20,5,5)"></a> w miejscu gdzie chemy miec ten obrazek ofc. :) mam nadzieje ze o to chodzilo i ze pomoglem :) I co działa mój skrypt czy nie bo się nie cierpliwie :mad: I co działa mój skrypt czy nie bo się nie cierpliwie :mad: |
|||
Sitedesign by AltusUmbrae. |