Ჩვენება და დამალვა ტექსტი ან სურათები CSS და JavaScript

შექმენით აპლიკაციის სტილის გამოცდილება თქვენს საიტებზე

დინამიური HTML (DHTML) საშუალებას გაძლევთ შექმნათ აპლიკაციის სტილის გამოცდილება თქვენს ვებსაიტებზე, შემცირება სიხშირე, რომ მთელი გვერდები უნდა იყოს სრულად დატვირთული. აპლიკაციებში, როდესაც თქვენ დააჭირეთ რაღაც, განაცხადის დაუყოვნებლივ შეიცვლება აჩვენებს, რომ კონკრეტული შინაარსი ან მოგაწოდოთ თქვენი პასუხი.

ამის საპირისპიროდ, ვებ-გვერდები, როგორც წესი, უნდა გადატვირთოთ, ან მთელი ახალი გვერდი დატვირთული უნდა იყოს. ეს შეიძლება მომხმარებლის უფრო მეტად განიცადოს. თქვენს მომხმარებელს უნდა დაველოდოთ პირველი გვერდის ჩატვირთვა და შემდეგ დაველოდოთ მეორე გვერდის ჩატვირთვას და ა.შ.

გამოყენება & lt; div & gt; გაუმჯობესება Viewer გამოცდილება

DHTML- ის გამოყენებით, ამ გამოცდილების გასაუმჯობესებლად ერთ-ერთი ყველაზე იოლი გზაა div ელემენტების ჩართვა და გამორთვა, როდესაც მოთხოვნილია კონტენტის ჩვენება. Div ელემენტს განსაზღვრავს ლოგიკური დაყოფა თქვენს ვებგვერდზე. განვიხილოთ div როგორც ყუთი, რომელიც შეიძლება შეიცავდეს პუნქტებს, სათაურები, ბმულები, სურათები და კიდევ სხვა divs.

რა გჭირდებათ

იმისათვის, რომ შექმნათ div რომელიც შეიძლება toggled on და off, თქვენ უნდა შემდეგ:

საკონტროლო ბმული

საკონტროლო ბმული არის ყველაზე მარტივი ნაწილი. უბრალოდ შექმნათ ბმული, როგორიც გსურთ სხვა გვერდზე. ახლა, დატოვეთ href ატრიბუტი ცარიელი.

ისწავლეთ HTML

მოათავსეთ ეს თქვენს ვებ-გვერდზე.

Div განლაგება და დამალვა

შექმნა div ელემენტს, რომელიც გსურთ აჩვენოთ და დამალვა. დარწმუნდით, რომ თქვენი div აქვს უნიკალური id მასზე. მაგალითად, უნიკალური ID ისწავლა HTML .

ეს არის შინაარსი სვეტი. ეს იწყება ცარიელი გარდა ამ ახსნა ტექსტი. აირჩიეთ ის, რასაც გსურთ ვისწავლოთ ნავიგაციის სვეტში მარცხნივ. ტექსტი ქვემოთ გამოჩნდება:

Learn HTML
  • უფასო HTML კლასი
  • HTML Tutorial
  • რა არის XHTML?

    CSS აჩვენოს და დამალვა განყოფილება

    შექმნა ორი კლასის თქვენი CSS: ერთი დასამალი div და მეორე რათა ნახოთ იგი. ამისათვის ორი ვარიანტი გაქვთ: ჩვენება და ხილვადობა.

    ეკრანი წაშლა გვერდის ნაკადიდან, ხოლო ხილვადობა მხოლოდ იმას ხედავს, თუ როგორ ჩანს იგი. ზოგიერთი coders ურჩევნია ჩვენება , მაგრამ ზოგჯერ ხილვადობა აზრი, ძალიან. მაგალითად:

    .hidden {display: none; } .შენიშვნა {ცარიელია: ბლოკი; }

    თუ გსურთ გამოიყენოთ ხილვადობა, მაშინ შეცვალეთ ეს კლასები:

    .Hidden {visibility: hidden; } .უცნობი {visibility: visible; }

    დაამატეთ დამალული კლასს თქვენს div ისე, რომ იგი იწყება როგორც დაფარული გვერდზე:

    class = "hidden" >

    JavaScript- ის მუშაობისთვის

    ყველა ეს სკრიპტი შეხედავს მიმდინარე კლასს თქვენს განყოფილებაში და გადააქვთ მასზე, თუ იგი დაფარულია ან პირიქით.

    ეს არის მხოლოდ რამდენიმე ხაზი JavaScript. მოათავსეთ შემდეგი თქვენი HTML დოკუმენტის ხელმძღვანელი (ადრე tag: