Прикажи и скриј текст или слики со CSS и JavaScript

Креирајте стил на апликација во вашиот веб-сајт

Динамички HTML (DHTML) ви овозможува да креирате искуство во стил на апликации на вашите веб-страници, намалувајќи ја фреквенцијата дека целата страница мора да биде целосно вчитана. Во апликации, кога ќе кликнете на нешто, апликацијата веднаш се менува за да ја покаже таа одредена содржина или да ви даде одговор.

Спротивно на тоа, веб-страниците обично треба да се превчитаат, или да се вчита цела нова страница. Ова може да го подобри корисничкото искуство повеќе неповрзано. Вашите клиенти мора да чекаат првата страница да се вчита, а потоа почекајте повторно за вчитување на втората страница и така натаму.

Користејќи & lt; div & gt; да се подобри искуството на прегледувачот

Користејќи DHTML, еден од најлесните начини за подобрување на ова искуство е да се вклучат и исклучат дивите елементи за прикажување содржина кога е побарано. Делот елемент дефинира логички поделби на вашата веб страница. Помислете на div како кутија која може да содржи ставови, наслови, линкови, слики, па дури и други divs.

Што ќе треба

За да креирате раздел кој може да се вклучи и исклучи, потребен ви е следново:

Контролирачката врска

Контролниот линк е најлесниот дел. Едноставно креирајте линк како што би сакал на друга страница. Засега, оставете го атрибутот href празно.

Дознај HTML

Ставете го ова насекаде на вашата веб-страница.

Делото да се покаже и скрие

Направете го елементот div кој сакате да го покажете и скриете. Осигурајте се дека вашиот div има уникатен идентификатор на неа. Во примерот, единствениот id е да научи HTML .

Ова е колоната со содржина. Започнува празно, освен за овој текст за објаснување. Изберете што сакате да научите во колоната за навигација од лево. Текстот ќе се појави подолу:

Дознај HTML