• 0
eng.asem

كيف يمكن عمل مثل هذا

سؤال

الاخوة الأعضاء الكرام

السلام عليكم ورحمة الله وبركاته

اتمنى لكم دوام التوفيق والنجاح

كيف يمكن استخدام اكثر من كود JQUERY في نفس الصفحة ، بمعنى تكرار استخدام اكثر من وسم jquery ،

بحيث يتم تنفيذ اكثر من موضوع في عدة نواحي من الصفحة .

مثال ما يعرض في صفحة موقع ياهو Yahoo

نلاحظ عرض الاخبار السريعة وسط الصفحة ، وفي اسفل يسار الصفحة يوجد حالة الطقس و اوقات الصلاة .

هل يمكن عمل ذلك حيث ان هذا الموضوع فيه اكثر من وسم Jquery ، وياليت مثال توضيحي .

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

2 إجابة على هذا السؤال .

  • 0

أخي يوجد مايسمى jQuery Selectors

حيث تحدد مثلا الdiv اللى فيه الاخبار وتطبق عليه jQuery function أو animation

فمثلا لو عندك div لألبوم الصور ,div للأخبار مفيش مشكلة تطبق عليها أى دول jQuery

زى كده مثلا

<!DOCTYPE html>

<html>

<head>

<script src="jquery.js"></script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").fadeIn();

$("#div2").fadeIn("slow");

$("#div3").fadeIn(3000);

});

});

</script>

</head>

<body>

<p>Demonstrate fadeIn() with different parameters.</p>

<button>Click to fade in boxes</button>

<br><br>

<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>

<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>

<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>

</body>

</html>

هتلاحظ ان فيه أكتر من div

وكمان مربوطة مع button click

انت ممكن تغير event زى ماتحب

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

مشكور جداً أخ/ md_mostafa

جاري التجربة

يعطيك العافية

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

من فضلك سجل دخول لتتمكن من التعليق

ستتمكن من اضافه تعليقات بعد التسجيل



سجل دخولك الان

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .