תפריט צד נגלל

Wednesday, November 25, 2015

בפוסט זה נראה איך ליצור תפריט צד נגלל לאתר שלכם. התוצאה תראה כך סגור: ופתוח: לצורך הגלילה של התפריט אשתמש לשם הנוחות והקיצור גם ב – JQuery אך ניתן כמובן לבצע זאת באמצעות javascript בלבד (לצורך הרצת הקוד המצורף תצטרכו לייבא את ספריית JQuery כמובן) נתחיל מה – html: Code Snippet <input type="button" onclick="toggleSideMenu()" value="Click me!" /><div id="side-menu">    <ul>        <li>Dashboard</li>        <li>Media Library</li>        <li>Settings</li>        <li>Dashboard</li>        <li>Media Library</li>        <li>Settings</li>        <li>Dashboard</li>        <li>Media Library</li>        <li>Settings</li>        <li>Dashboard</li>        <li>Media Library</li>        <li>Settings</li>    </ul></div> הגדרנו כפתור שבלחיצה עליו מופעלת פונקציה בשם toggleSideMenu (שמיד נכתוב אותה), ומיד לאחריו את התפריט עצמו. התפריט מורכב...
3 תגובות