Deur verborge teksblokke te plaas, word die visuele persepsie van 'n webwerfblad verbeter - dit laai in die blaaier presies soos die ontwerpers dit ontwerp het, ongeag die hoeveelheid inligting wat gepos word. Daarbenewens is dit gemakliker vir die besoeker - op soek na die nodige inligtingblokkie hoef hy nie die hele reeks deur te kyk nie, maar slegs klein "punte van die ysberge".
Dit is nodig
Basiese kennis van HTML en JavaScript
Instruksies
Stap 1
Gebruik 'n persoonlike JavaScript-funksie om die gewenste blokke teks in 'n HTML-bladsy te verberg en weer te gee. 'N Algemene funksie vir alle blokke is baie gemakliker as om kode by elkeen afsonderlik by te voeg. Plaas die aanvangs- en afsluitingsskripkaarte in die koptekstgedeelte van die bronkode van die bladsy en skep 'n leë funksie met 'n naam tussen hulle, byvoorbeeld ruil en een vereiste invoerparameter-ID: funksieswissel (id) {}
Stap 2
Voeg twee reëls JavaScript-kode by die liggaam van die funksie, tussen die gekrulde hakies. Die eerste reël moet die huidige stand van die blok teks lees - of die sigbaarheid daarvan aan of uit is. Daar kan verskeie sulke blokke in 'n dokument wees, dus elkeen moet sy eie identifiseerder hê - dit is sy funksie wat id as die enigste invoerparameter ontvang. Met behulp van hierdie identifiseerder word daar na die nodige blok in die dokument gesoek en die sigbaarheids- / onsigbaarheidswaarde (die toestand van die vertoningseienskap) toegeken aan die sDisplay-veranderlike: sDisplay = document.getElementById (id).style.display;
Stap 3
Die tweede reël moet die vertoningseienskap van die gewenste blok teks verander na die teenoorgestelde - verberg as die teks sigbaar is, en wys of dit verborge is. Dit kan gedoen word met die volgende kode: document.getElementById (id).style.display = sDisplay == 'none'? '': 'geen';
Stap 4
Voeg die volgende stylblad by die kopstuk: a {cursor: pointer} U het dit nodig om die muisaanwyser korrek te vertoon as u oor 'n onvolledige skakelplaatjie hou. Met behulp van sulke skakels organiseer u die bladsy om die sigbaarheid / onsigbaarheid van teksblokke te wissel.
Stap 5
Plaas hierdie skakelknoppies in die teks voor elke verborge blok, en voeg 'n soortgelyke skakel in die blokkies aan die einde van die teks. Sluit onsigbare teks in spanmerke met onsigbaarheid in hul stylkenmerke in. Byvoorbeeld: brei teks uit +++ Dit is verborge teks --- In hierdie voorbeeld sal die bogenoemde funksie op die onClick-gebeurtenis deur die kliek op 'n drie plus-skakel te skakel en die ID van die blok wat sigbaar moet word, deurgee. En binne-in die blok is daar 'n skakel met drie minusse met dieselfde funksies - om daarop te klik, verberg die teks.
Stap 6
Skep die vereiste aantal teksblokke, soortgelyk aan die wat in die vorige stap beskryf is, en onthou om die ID's te verander in die id-attribuut van die spanmerk en in die veranderlike wat deur die onClick-gebeurtenis in die twee skakels aan die funksie oorgedra word.
