jquery הינה ספריית פקודות ל javaspript.
והשימוש בה מקל על יצירת אלמנטים וזואליים, ופקודוות מורכבות שיכולות להיות מבוצעות על כל סוגי האלמנטים במהירות ויעילות גבוה.
כדי להשתמש בספרייה יש לצרף קודם את הספרייה העדכנית בקובץ ה Header.php בקבצי התבנית.
ממש לפני תגית הסגירה של ה <head/>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
את הפונקציות עצמן אפשר להכניס בכל מקום במסמך אך כמובן מומלץ להוסיף אותן גם בקובץ ה Header.php בקבצי התבנית. ממש לפני תגית הסגירה של ה <head/> אחרי הפונקציה הקודמת שקוראת לסיפרייה של JQUERY
.שימוש בקוד להוספת אנימציה לפתיחת תתי תפריטים באמצעות פייד דרך ג’ייקוורי..:
<script type="text/javascript"> $("document").ready(function(){ $("#access ul li").hover(function (){ $(this).find("ul").delay(300).stop(true, false).show(400); }, function (){ $(this).find("ul").delay(300).hide(400); }); })(jQuery); </script>
כתיבת פונקציה ליצירת תיבה שנפתחת כשמרחפים עליה עם העכבר:
<script type="text/javascript"> $("document").ready(function(){ $('.kufsa').hover(function(){ $(this).stop(true, false).animate({height: 350},'normal'); }); $('.kufsa').hover(function(){},function(){ $(this).stop(true, false).delay(1000).animate({height: 35},'normal'); }); });(jQuery); </script>
כאן אני אכניס קופסא
כותרת שאם אני מרחף עליה פותחת תיבה דרך JQUERY
כאן אני כתוב טקסט
שיופיע
עם תיבת יצירת קשר
תודה.
יש דרך לקבל את אותה התוצאה רק עם לחיצה על הכותרת במקום ריחוף?
אוקיי, הצלחתי
כתבתי click
במקום hover
אבל עכשיו הבעיה שמוצג בצד פס גלילה…