JQuery бүхий хуур хэлбэрээр сайтын Босоо цэс

цэс, та дараах зүйлсийг мэдэх гэх мэт - сайтын салшгүй нэг хэсэг. Сонирхолтой залуурдах онлайн нөөцийн хүүгийн жуулчдын боломжтой юм. Үүнээс гадна, ямар ч цэс чухал өмч - өөрийн Авсаархан. Энгийн босоо цэс амархан HTML болон CSS ашиглан бий болгосон байна. Гэхдээ бид цааш: АНУ-ын jQuery тусламжтайгаар menu- "баян" бий болгох сурцгаая.

нь menu- "баян" бий болгох

нь хуур хэлбэрээр босоо цэс гэж юу вэ? Энэ нь дусал доош жагсаалт жолоодож хялбар бий болгож, загварлаг сайтад өгсөн юм. Цэс, энэ аргаар гүйцэтгэсэн, та дэд зүйлсийн маш их эргэх боломжийг олгодог. Тэдний нэвтрэх тохиолддог та хүссэн зүйл дээр хулганаа товших үед. Хэн нэгэн нь jQuery ашиглахгүйгээр энэхүү загвар нь энгийн цэсийг хийх боломжтой гэж хэлж болох юм. Тийм ээ, энэ бол үнэн. Харин энэ объект нь ухаалаг гар утас, эсвэл шахмал эздэд нь маш ашигтай байх болно. бүх хандаж, босоо цэс үүсгэх үзье. Дараа нь Хөтөлж сарлагийн саваг өнгө өөрчлөгдөж, хэрэв боломжтой ямар ч сайтад загварыг тохируулах болно.

HTML код

Тэгэхээр бидний босоо цэс үүсгэхэд та эхлээд HTML-код, дараах мөрүүдийг агуулсан байх нь залгах хэрэгтэй:

Accord_menu.html нэртэй файл дахь энэ кодыг хадгал.

Таны харж байгаагаар бид Эрэмбэлэгдээгүй жагсаалт бий болгосон байна. Энэ нь үндсэн 3 оноо бүрдэнэ:

- зурагнууд;

- кино,

- ном.

Зүйлийн бүр нь хэдэн догол мөр байна. # Хаана байна, та холбоос нэмэх хэрэгтэй болно. Одоо хэв маягийг тодорхойлох нь чухал юм. Энэ нь таны бүх интернэт нөөцийн харагдах хамаарна. сайтад өөрийн дизайн оруулах зохицолтойгоор нэгтгэх ёстой Босоо цэс.

CSS-код

хэв маяг нь та хүнд хэцүү байх ёсгүй. Бид энэ жишээн дээр бол градиент цадтал ашигладаг цорын ганц гэдгийг анхаарна. Энд CSS-код:

өнгө нь CSS-файлд заасан, хэмжээ маркерууд зүүн талд жагсаалтад зүйлсийн хасагдсан байна. Энэ нь та дээр хулганыг аваачиж байх үед зүйл тус бүрийн болон дэд цэс биеэ авч явах хэрхэн тодорхойлсон. Жишээ нь:

# E1fee2 - энэ нь цайвар ногоон өнгө дэд.

# C4f0f7 -golubovaty сүүдэр дэд Та тэдний дээр хулганыг аваачиж.

Дэлгэц хөрөнгө шаардлагатай жийргэвчтэй, хэмжээг тохируулах блок утгыг асуу. өнгө, хэмжээ, үсгийн хэлбэр, байршил - бүх талаар нь CSS файлд тайлбарлаж байна. үүнийг Жишээ нь, accordionmenu_my1.css гэж нэрлэдэг.

jQuery цэс сайжруулах холбох

Та нар санаж байж болох юм, бидний зорилго бол - босоо цэс jQuery бий болгох. Хэрэв та энэ технологи нь танил биш бол санаа зовох хэрэггүй. Бид Google-ийн архивыг ашиглах, JQuery скриптийг холбоно. Энэ нь илүү сонирхол татахуйц цэс болгоно. jQuery Hypertext Markup HTML болон JavaScript харилцан үйлчлэлийн дээр суурилсан JavaScript сан юм. jQuery та элементийн агуулга, шинж чанарыг хандах боломжийг олгодог.

Тиймээс, HTML файлын биед шаардлагатай скриптийг холбогдож, морин уралдааны элементийн бусад 2 хувьсагчийн хадгалах журмыг тогтоосон. аль дээр хулганы дарж байгаа нэгэнд нээлтийн бусад цонхнуудыг хаасны, код хувь нэмэр оруулдаг. Энд харагдаж байна яаж байна:

бүх өөрчлөлтийг хадгалж, энэ нь хөтчийн цэс шиг харагдаж байна юу харж байна. Энэ бол нийтлэг үр дүн юм: Үүний үр дүнд, бид та нар тэдний тохируулгуудаас хамааран үргэлж өөрчилж болох нь сонирхол татахуйц цэс ирсэн. Тэгээд jQuery, CSS-ийн салбарт шинэ мэдлэг олж авах, Та сайтын өвөрмөц элементүүд, тэдгээрийн ур чадварыг сайжруулах үүсгэх болно.