JQuery کے ساتھ ایک accordion کی شکل میں اس ویب سائٹ کے لئے عمودی مینو

مینو، آپ کو معلوم ہے کے طور پر - سائٹ کا ایک لازمی حصہ. دلچسپ تشریف لائن وسائل دلچسپی زائرین کے قابل ہے. اس کے علاوہ، کسی بھی مینو کا ایک اہم خاصیت - اس کے compactness کی. ایک سادہ عمودی مینو آسانی سے HTML اور CSS استعمال کرتے ہوئے تخلیق کیا ہے. لیکن ہم مزید جانا: امریکی jQuery کی کی مدد سے مینو "accordion کے" پیدا کرنے کے لئے سیکھ لیں.

ایک مینو "accordion کے" بنائیں

ایک accordion کی شکل میں ایک عمودی مینو کیا ہے؟ یہ تشریف لے کرنے کے لئے آسان بناتا ہے اور ایک سجیلا سائٹ دیتا ہے جس میں ایک ڈراپ ڈاؤن فہرست، ہے. مینو، اس طرح میں کارکردگی کا مظاہرہ کیا ہے، آپ کو ذیلی اشیاء کی ایک بہت تبدیل کرنے کے لئے اجازت دیتا ہے. ان تک رسائی اس وقت ہوتی آپ مطلوبہ آئٹم پر ماؤس کلک کریں جب. کوئی کہہ سکتا ہے اس کے jQuery کے استعمال کے بغیر اس فیشن میں ایک سادہ مینو بنانے کے لئے ممکن ہے. جی ہاں، یہ ہے. لیکن یہ اعتراض اسمارٹ فونز یا ٹیبلٹس کے مالکان کے لئے بہت مفید نہیں ہو گا. کے تمام سے اپیل، ایک عمودی مینو پیدا کرتے ہیں. اس کے بعد، ایک نیویگیشن اسٹائل رنگ بدلتے ہوئے، یہ ممکن کسی بھی سائٹ کو ڈیزائن ایڈجسٹ کرنے کے لئے ہو جائے گا.

HTML کوڈ

لہذا، ہماری عمودی مینو پیدا کرنے کے لئے، آپ کو پہلے HTML کوڈ ڈائل کرنا ضروری ہے، جس میں مندرجہ ذیل لائنوں پر مشتمل ہوگا:

Accord_menu.html نامی ایک فائل میں اس کوڈ کو بچانے کے.

جیسا کہ آپ دیکھ سکتے ہیں کے طور پر، ہم ایک بے ترتیب فہرست تشکیل دیا ہے. یہ 3 اہم نکات پر مشتمل ہے:

- تصاویر؛

- فلموں؛

- کتابیں.

ہر آئٹم کو چند پیرا ہے. کہاں ہیں #، آپ کے لنکس شامل کرنے کے لئے ضرورت ہو گی. اب یہ طرز بیان کرنے کے لیے اہم ہے. یہ سب آپ انٹرنیٹ وسائل کی نظر پر منحصر ہے. سائٹ اس کے ڈیزائن میں میٹھی ضم کرنا ہوگا کے لئے عمودی مینو.

سی ایس ایس کوڈ

سٹائل کے ساتھ آپ کو مشکل نہیں ہونا چاہئے. ہم اس مثال میں ایک تدریجی بھریں استعمال کرتا صرف یاد رکھیں کہ. یہاں CSS-کوڈ ہے:

رنگ سی ایس ایس فائل میں وضاحت کی ہے، سائز مارکر بائیں جانب کی فہرست میں اشیاء سے ہٹا دیا جاتا ہے. یہ آپ کو اس پر ہوور جب ہر شے اور ذیلی مینیو میں کس طرح برتاؤ کرنے کا تعین کیا. مثال کے طور پر:

# e1fee2 - یہ پیلا سبز رنگ ذیلی.

# C4f0f7 -golubovaty سایہ ذیلی آپ کو ان پر ہوور جب.

ڈسپلے جائیداد ضروری بھرتی اور سائز کو ایڈجسٹ کرنے کے لئے بلاک قدر پوچھیں. رنگ، سائز، فونٹ کی قسم، محل وقوع - سب کچھ کے طور پر سی ایس ایس فائل میں بیان کیا جاتا ہے. مثال کے طور پر، یہ کال، accordionmenu_my1.css.

jQuery مینو بہتری مربوط ہو

آپ کو یاد کر سکتے، ہمارا مقصد - ایک عمودی مینو jQuery پیدا کرنے کے لئے. آپ کو اس ٹیکنالوجی سے واقف نہیں ہیں تو، فکر نہ کرو. ہم گوگل مخزن استعمال کرتے ہیں اور jQuery سکرپٹ رابطہ قائم. یہ زیادہ پرکشش مینو بنا دے گی. jQuery کی ہایپر ٹیکسٹ مارکاپ HTML اور جاوا سکرپٹ کی بات چیت کی بنیاد پر ایک جاوا سکرپٹ لائبریری ہے. jQuery کے آپ کے عناصر کے مواد اور صفات تک رسائی حاصل کرنے کی اجازت دیتا ہے.

لہذا، ایچ ٹی ایم ایل فائل کے جسم میں ضروری سکرپٹ کو مربوط اور، 2 متغیر کی سٹوریج کے لئے قوانین مقرر گھڑ دوڑ کے عناصر کے لئے سوائے. ایک ماؤس کلک موجود ہے جس پر کسی ایک کی افتتاحی تقریب میں دیگر ٹیبز بند کرنے، کوڈ شراکت. یہاں یہ کس طرح لگتا ہے:

تمام تبدیلیوں کو محفوظ کریں جو براؤزر کے مینو میں طرح لگتا ہے دیکھ. اس کا ایک عام نتیجہ ہے: اس کے نتیجے کے طور پر، ہم آپ کو ہمیشہ ان کی ترجیحات پر منحصر ہے، تبدیل کر سکتے ہیں کہ ایک کشش مینو آئے ہیں. اور jQuery، سی ایس ایس کے میدان میں نئے علم حاصل کرنے، آپ کی ویب سائٹ کے منفرد عناصر، ان کی مہارت کو بہتر بنانے کے پیدا کر دے گا.