JQuery سان هڪ accordion جي صورت ۾ اهو ماڳ لاء عمودي نامو

هن نامو، توهان کي خبر آهي ته جيئن - جي سائيٽ جي هڪ جز. دلچسپ وڃو آن لائن وسيلن جي مفاد ۾ سنڌين تي وس وارو آھي. ان کان سواء، ڪنهن به پروجيڪٽ جي هڪ اهم ملڪيت - پنهنجي compactness. هڪ سادي عمودي نامو آساني سان HTML ۽ CSS استعمال ڪري پيدا ڪيو. پر اسان کي وڌيڪ وڃو: جڳائي ته اسان jQuery جي مدد سان menu- "accordion" پيدا ڪرڻ معلوم ٿئي ٿو.

هڪ menu- "accordion" ٺاهي

هڪ accordion جي روپ ۾ هڪ عمودي نامو ڇا آهي؟ هيء هڪ بوند-نازل فهرست، جنهن تي نيويگيٽ ڪرڻ لاء هڪ آسان پيدا ۽ هڪ سروپ سائيٽ ڏيندو آهي. پروجيڪٽ، هن رستي ۾ پرفارم ڪيو، اوھان جي ذيلي شيون جي تمام گهڻو توبه ڪرڻ جي اجازت ڏئي ٿو. کين تائين رسائي جڏهن توهان جي گهربل شيء تي مائوس ڪلڪ ڪريو وٺندي آهي. ڪنهن جو چوڻ آهي ته ٿي سگھي ٿو ته ان jQuery جي استعمال کان سواء هن فيشن ۾ هڪ سادي نامو ڪرڻ ممڪن آهي. ها، اهو آهي. پر هن اعتراض smartphones يا لکئي جي مالڪن کي تمام مفيد نه ٿئي ها. جي هڪ عمودي پروجيڪٽ ٺاهي، سڀني کي اپيل ٿا ڪريون. ان کان پوء، هن جو رنگ هڪ چر پر تي مهمان طور بدلجندڙ، ان لحاظ کان ڪنهن به سائيٽ جي جوڙجڪ جي پورائي ڪرڻ ٿيندو.

HTML ڪوڊ

پوء، اسان جي عمودي نامو پيدا ڪرڻ لاء، توهان جي پهرين جي HTML-ڪوڊ ڊائل هجڻ ضروري آهي، جنهن جي هيٺيان سٽون رکي ويندي:

Accord_menu.html سڏيو هڪ فائل ۾ هن ڪوڊ کي بچاء.

توهان ڏسي سگهو ٿا ته جيئن اسين هڪ unordered لسٽ ۾ پيدا ڪيو آهي. اهو 3 مکيه جون پوائينٽون سڃاڻي:

- فوٽو؛

- ڪري؛

- ڪتابن.

هر شيء چند ريا ڪئي. ڪٿي #، اوھان کي جوڙي شامل ڪرڻ جي ضرورت پوندي آهي. هاڻي ان جي انداز بيان ڪرڻ ضروري آهي. اهو سڀ توهان جي انٽرنيٽ وسيلن جي نظر تي دارومدار. هن ماڳ لاء عمودي نامو ان جي جوڙجڪ ۾ هموار ۽ سمپورن هجڻ ضروري آهي.

CSS-ڪوڊ

انداز سان اوھان کي ڏکيو نه هجڻ گهرجي. اسان کي صرف نوٽ هن مثال ۾ هڪ gradient ڀريندا استعمال ڪري ته. هتي جي CSS-ڪوڊ آهي:

رنگ جي CSS-فائل ۾ لکيو وڃي ٿو، ڪرائون سائيز واري نشانن جي کٻي پاسي جي فهرست ۾ شيون مان ڪڍي ڇڏيا آهن. اهو ڪيئن هر شيء ۽ ذيلي Menu ۾ ڪانه جنھن مھل اوھان کي ان جي حوالي سان hover آڌار. مثال طور:

# e1fee2 - هن پيلا سائي رنگ جي ذيلي.

# C4f0f7 -golubovaty پاڇي جي ذيلي جڏھن اوھان کي انھن جي حوالي سان hover.

ظاهر ملڪيت جي ضروري padding ۽ سائيز جي پورائي لاء بلاڪ جي قيمت پڇ. هن جو رنگ، ماپ، اکرن جو قسم، هن هنڌ - سڀڪنھن شيء کي CSS فائيل ۾ بيان جي طور تي آهي. ان کي سڏيو، مثال طور، accordionmenu_my1.css.

jQuery نامو بهتري ملائڻ

اوھان کي پگهار طور تي ٿي سگھي ٿو، اسان جي مقصد - هڪ عمودي نامو jQuery پيدا ڪرڻ. توهان هن ٽيڪنالاجي سان واقف نه آهي ته، پريشان نه ٿي. اسان جي گوگل مخزن استعمال ۽ JQuery رسم الخط جوڙيو. هن ان کي وڌيڪ پرڪشش نامو ڪندو. jQuery Hypertext Markup HTML پوسٽ ۽ JavaScript جي لهه وچڙ جي بنياد تي هڪ JavaScript لائبريري آهي. jQuery توهان جي مواد ۽ عنصرن جي جزن جي رسائي ڪرڻ جي اجازت ڏئي ٿو.

پوء، HTML-فائيل جي جسم ۾ ضروري رسم الخط جوڙيو ۽ 2 variables، گهوڙي ڊوڙ عنصرن لاء کانسواء جي رکڻ لاء اصول مقرر. ڪوڊ Contribute ڪيو، جو هڪ جنهن تي مائوس ڪلڪ نه آھي جو افتتاح تي ٻين tabs بند. هتي ان کي ڪيئن لڳندي آهي:

سڀ تبديليون محفوظ ڪريو، ڏسو جيڪي ان جي برائوزر پروجيڪٽ ۾ جهڙي لڳندي. ته هڪ عام نتيجو آهي: نتيجي ۾، اسان کي هڪ پرڪشش نامو آهي ته توهان کي هميشه تبديل ڪري سگهون ٿا ايندا آهن، انهن جي ترجيحات تي منحصر ڪري ٿو. ۽ jQuery، CSS جي ميدان ۾ نئين علم حاصل، تون، ماڳ جي ڌار جزا پيدا ٿيندا انهن جي صلاحيتن کي بهتر.