בית >> מאמרים על וורדפרס >> jquery לוורדפרס

jquery לוורדפרס

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

כאן אני כתוב טקסט
שיופיע
עם תיבת יצירת קשר

שם *

דואר אלקטרוני *

טלפון

נושא

תוכן ההודעה

[recaptcha]

בדוק גם

וורדפרס

מצגת מדהימה על היכולות של HTML5 ו JS

http://bartaz.github.io/impress.js/#/bored

2 תגובות

  1. תודה.
    יש דרך לקבל את אותה התוצאה רק עם לחיצה על הכותרת במקום ריחוף?

  2. אוקיי, הצלחתי
    כתבתי click
    במקום hover
    אבל עכשיו הבעיה שמוצג בצד פס גלילה…

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *