Dinamikus menü
A mutatott dinamikus menü a
http://www.dynamicdrive.com lapról származik.
Mit tud?
Mindig ott van a képernyő fizikailag meghatározott helyén, scrollozás, lapozás közben is. A bal szélre érdemes tenni.
A jobb szélső sávja lászik, amibe szöveg vagy kép tehető (én üres szöveget tettem bele, ezért nem látszik).
Ez nem zavar (nem takar semmit), ha elég keskeny.
Mi kell hozzá?
-
Amelyik lapon használni akarjuk, annak a <head> és </head> közti részébe be kell tenni az alábbi sorokat:
<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>
<SCRIPT SRC="ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>
-
A fenti sorokban két hivatkozott Javascript lapot innen letöltheti:
- Az ssm.js fájlt nem kell változtatni.
- Az ssmItems.js fájlt kell editálni.
A végén levő menüt legalább. Minden egyebet is lehet. Ha akarunk jobb szélső látható szöveget,
tegyük azt a barText="" kezdetű sorba, a két macskaköröm közé.