შექმენით აპლიკაციის სტილის გამოცდილება თქვენს საიტებზე
დინამიური HTML (DHTML) საშუალებას გაძლევთ შექმნათ აპლიკაციის სტილის გამოცდილება თქვენს ვებსაიტებზე, შემცირება სიხშირე, რომ მთელი გვერდები უნდა იყოს სრულად დატვირთული. აპლიკაციებში, როდესაც თქვენ დააჭირეთ რაღაც, განაცხადის დაუყოვნებლივ შეიცვლება აჩვენებს, რომ კონკრეტული შინაარსი ან მოგაწოდოთ თქვენი პასუხი.
ამის საპირისპიროდ, ვებ-გვერდები, როგორც წესი, უნდა გადატვირთოთ, ან მთელი ახალი გვერდი დატვირთული უნდა იყოს. ეს შეიძლება მომხმარებლის უფრო მეტად განიცადოს. თქვენს მომხმარებელს უნდა დაველოდოთ პირველი გვერდის ჩატვირთვა და შემდეგ დაველოდოთ მეორე გვერდის ჩატვირთვას და ა.შ.
გამოყენება & lt; div & gt; გაუმჯობესება Viewer გამოცდილება
DHTML- ის გამოყენებით, ამ გამოცდილების გასაუმჯობესებლად ერთ-ერთი ყველაზე იოლი გზაა div ელემენტების ჩართვა და გამორთვა, როდესაც მოთხოვნილია კონტენტის ჩვენება. Div ელემენტს განსაზღვრავს ლოგიკური დაყოფა თქვენს ვებგვერდზე. განვიხილოთ div როგორც ყუთი, რომელიც შეიძლება შეიცავდეს პუნქტებს, სათაურები, ბმულები, სურათები და კიდევ სხვა divs.
რა გჭირდებათ
იმისათვის, რომ შექმნათ div რომელიც შეიძლება toggled on და off, თქვენ უნდა შემდეგ:
- ბმული გააკონტროლოს div მიერ შეცვალოს იგი და გამორთვა, როდესაც დაწკაპავთ
- Div აჩვენოს და დამალვა
- CSS სტილის div ფარული ან ჩანს
- JavaScript შეასრულოს აქცია
საკონტროლო ბმული
საკონტროლო ბმული არის ყველაზე მარტივი ნაწილი. უბრალოდ შექმნათ ბმული, როგორიც გსურთ სხვა გვერდზე. ახლა, დატოვეთ href ატრიბუტი ცარიელი.
ისწავლეთ HTMLმოათავსეთ ეს თქვენს ვებ-გვერდზე.
Div განლაგება და დამალვა
შექმნა div ელემენტს, რომელიც გსურთ აჩვენოთ და დამალვა. დარწმუნდით, რომ თქვენი div აქვს უნიკალური id მასზე. მაგალითად, უნიკალური ID ისწავლა HTML .
ეს არის შინაარსი სვეტი. ეს იწყება ცარიელი გარდა ამ ახსნა ტექსტი. აირჩიეთ ის, რასაც გსურთ ვისწავლოთ ნავიგაციის სვეტში მარცხნივ. ტექსტი ქვემოთ გამოჩნდება: p> შექმნა ორი კლასის თქვენი CSS: ერთი დასამალი div და მეორე რათა ნახოთ იგი. ამისათვის ორი ვარიანტი გაქვთ: ჩვენება და ხილვადობა. ეკრანი წაშლა გვერდის ნაკადიდან, ხოლო ხილვადობა მხოლოდ იმას ხედავს, თუ როგორ ჩანს იგი. ზოგიერთი coders ურჩევნია ჩვენება , მაგრამ ზოგჯერ ხილვადობა აზრი, ძალიან. მაგალითად: თუ გსურთ გამოიყენოთ ხილვადობა, მაშინ შეცვალეთ ეს კლასები: დაამატეთ დამალული კლასს თქვენს div ისე, რომ იგი იწყება როგორც დაფარული გვერდზე: ყველა ეს სკრიპტი შეხედავს მიმდინარე კლასს თქვენს განყოფილებაში და გადააქვთ მასზე, თუ იგი დაფარულია ან პირიქით. ეს არის მხოლოდ რამდენიმე ხაზი JavaScript. მოათავსეთ შემდეგი თქვენი HTML დოკუმენტის ხელმძღვანელი (ადრე Learn HTML h3>
CSS აჩვენოს და დამალვა განყოფილება
JavaScript- ის მუშაობისთვის