Demo látható csak kicsit görgess lefelé.
Egy praktikus kis javascript ahhoz, hogy hamar visszajuss az oldal tetejére :) Ahogy görgetsz lefelé, a böngésző jobb alsó sarkában láthatsz egy nyilacskát, amit természetesen én készítettem Photoshop-pal. Mert az eredeti nem tetszett. Szóval, ha meg van a nyilacska, kattints rá és már is visszavisz a script a lap tetejére :)
Az eredeti kód itt található:
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
Kettő darab .js fájlból áll a script és a nyílból, amihez használhatod az enyémet, vagy készíthetsz magadnak másikat is.
A két .js fájlt mentsd le, töltsd fel a tárhelyedre. Az URL címeket pedig cseréld le a kódomban.
HTML-PHP oldalon a kódot a <head> részbe kell illeszteni
G-Portálon a .js fájlokat a Médiatárba töltsd fel. A kódot pedig oldalad jobb vagy bal oldalába tedd, de teheted a Szerkeszthető fejléc vagy lábléc modulba is.
A .js fájlok letöltése
oldal-tetejere-nyil-1.js
oldal-tetejere-nyil-2.js
Javascript kód
<script type="text/javascript" src="/js/oldal-tetejere-nyil-1.js"></script>
<script type="text/javascript" src="/js/oldal-tetejere-nyil-2.js"></script>
A nyíl kicserélése
A második .js scriptben van egy kódsor. Csináld meg a nyiladat vagy keress egyet a neten. Töltsd fel a tárhelyedre és az URL címét cseréld ki a 2. js fájl-ban található sorban az én nyilam URL címével. A 12. sorban találod a kódsort. A nyíl szélességét és magasságát is meg kell adnod a kódban ugyanabban a sorban.
kattints a képre a teljes mérethez
Ez az a kódsor egyébként, ahol ki kell cserélned a nyilat, ha az enyém nem felelne meg:
controlHTML: '<img src="/images/scripts/oldal-tetejere/002.png" style="width:127px; height:119px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
2 135 megtekintés