Веб-тораптарыңызда қолданба мәнерінің тәжірибесін жасаңыз
Динамикалық HTML (DHTML) веб-тораптарында бағдарлама стилінің тәжірибесін жасауға, бүкіл беттер толығымен жүктелетін жиілікті азайтуға мүмкіндік береді. Бағдарламаларда бір нәрсені басқанда, бағдарлама нақты мазмұнды көрсету үшін немесе сізге жауап беру үшін дереу өзгереді.
Керісінше, веб-беттер әдетте қайта жүктелуі керек немесе толық жаңа бет жүктелуі керек. Бұл пайдаланушы тәжірибесін бөлек етуі мүмкін. Клиенттеріңіз бірінші бетті жүктеуді күтуі керек, содан кейін екінші бетке жүктеуді күте тұрыңыз және тағы басқалар.
& Lt; div & gt; Көрермендердің тәжірибесін жақсарту
Бұл тәжірибені жақсартудың ең оңай әдістерінің бірі DHTML пайдалану - div элементтері сұралған кезде мазмұнды көрсету үшін қосу және өшіру. Div элементі сіздің веб-беттегі логикалық бөлімдерді анықтайды. Бөлімді параграфтар, тақырыптар, сілтемелер, суреттер және басқа да div-лер болуы мүмкін.
Сізге керек нәрсе
Қосылу және ажырату үшін div жасау үшін сізге төмендегілер қажет:
- Бөлгішті басқан кезде қосу және өшіру арқылы басқаруға арналған сілтеме
- Көрсету және жасыру үшін div
- CSS жасырылған немесе көрінетін дүниені стильдеуге арналған
- Әрекетті орындау үшін JavaScript
Бақылау сілтемесі
Басқарушы сілтеме - бұл ең жеңіл бөлім. Тек басқа бетке ұқсас сілтеме жасаңыз. Қазір href атрибутын бос қалдырыңыз.
HTML үйреніңізОны веб-бетте кез келген жерде орналастырыңыз.
Көрсету және жасыру Div
Көргіңіз келетін және жасырғыңыз келетін div элементін жасаңыз. Сіздің диваңызда бірегей идентификаторға ие екеніне көз жеткізіңіз. Мысалда бірегей идентификатор HTML үйренеді .
Бұл мазмұн бағаны. Бұл түсіндірме мәтінінен басқа, ол бос болады. Сол жағындағы шарлау бағанында оқығыңыз келетін нәрсені таңдаңыз. Мәтін төменде пайда болады: p> CSS-іңіз үшін екі сабақ жасаңыз: біреуін div көрсету үшін және екіншісі көрсету үшін. Бұл үшін сізде екі нұсқа бар: дисплей және көріну. Дисплей бет ағымынан div-ты жояды және көріну мүмкіндігі оның қалай өзгергенін өзгертеді. Кейбір кодтаушылар дисплейді жақсы көреді, бірақ кейде көріну мағынасы да бар. Мысалға: Көрінуді пайдаланғыңыз келсе, келесі сыныптарды өзгертіңіз: Бөлімде жасырын бастайтын етіп div-қа жасырын сыныпты қосыңыз: Барлық осы сценарий сіздің div-ге орнатылған ағымдағы сыныпты қарастырады және оны жасырын немесе керісінше белгілеген болса, оны ашу үшін ауыстырады. Бұл тек бірнеше JavaScript жолдары. Төмендегілерді сіздің HTML құжатыңыздың басына ( HTML үйреніңіз h3>
Div көрсету мен жасыру CSS
Оны жасау үшін JavaScript