Fereastră modală pop-up când site-ul este încărcat cu o întârziere, proiectare și dezvoltare a site-ului

Fereastră modală pop-up când site-ul este încărcat cu o întârziere, proiectare și dezvoltare a site-ului

Orei bune din timpul zilei. 🙂

Pe de o parte, astfel de ferestre, uneori, tulpina vizitatori, dar, pe de altă parte, diferit. Ei își fac munca slabă. Dacă atrageți oameni în acest fel într-un grup, atunci afluxul de abonați va crește în mod clar. Poate că la prima convorbire o persoană închide fereastra, respingând oferta, dar dacă site-ul și informațiile despre el sunt interesante pentru el, atunci este mai probabil ca el să se alăture grupului dacă îl conduceți în mod activ pentru a urma știrile.







În acest articol vreau să vă spun doar despre modul în care puteți organiza o astfel de fereastră pop-up. Dacă introduceți codul ferestrei numai în fereastra principală, fereastra va apărea în fereastra principală atunci când vizitatorii o vizitează. Dacă este plasat într-un subsol sau într-un capac, fereastra va apărea pe orice pagină a site-ului. Din păcate, această metodă nu utilizează module cookie, deci va apărea cu întârziere de fiecare dată pentru toată lumea.





În primul rând, trebuie să instalați un scenariu care să concluzioneze. Pentru a face acest lucru, trebuie să îl inserați fie în subsol, fie în antetul site-ului. Scriptul în sine arată așa.

Scriptul atașează pur și simplu funcția de afișare: bloc; Fereastra în care noi în stiluri îi atribuim afișarea proprietății: nici una; A doua linie indică valoarea 5000. Această valoare este în milisecunde și este egală cu 5 secunde. Acesta este intervalul în care va apărea fereastra, deci schimbați-o la un număr mai mare sau mai mic, după cum este necesar. Scriptul este clar, apoi fereastra în sine.







1. Marcaj HTML.

Fereastra va apărea în centrul ecranului și tot conținutul va fi estompat. Pentru a face acest lucru, vom crea blocul principal cu id bg_popup. Acesta ocupă toată lățimea și înălțimea ecranului și întunecă conținutul principal. În plus, acesta va fi blocul cu care rulează scriptul. În interiorul acestui bloc, plasați blocul cu pop-up id. care este doar fereastra.

În plus, puteți adăuga tot ce aveți nevoie. Pentru a putea închide fereastra, vă sfătuiesc și să adăugați un buton obligatoriu, în care parametrul onclick este înregistrat. care returnează proprietatea afișată: niciuna; și dispare.

1. Stilurile CSS.

Ca întotdeauna, pentru a ordona totul și pentru a seta vederea corectă, vă prescrie stilurile pentru fiecare dintre blocuri, precum și butonul de închidere.

Nu mai este necesară nicio acțiune. Dacă este făcută corect, fereastra va apărea de fiecare dată când pagina se încarcă. Sper că această metodă vă va ajuta și veți rezolva problema care a apărut înainte de dvs.

Asta e tot, vă mulțumesc pentru atenția acordată. 🙂

Dacă ai putea folosi munca mea, poți susține site-ul :)

Mulțumesc, dragă prietenă. A ajutat.
Cu ajutorul acestui script extrag formularul de abonament

Bună ziua, Vă mulțumesc foarte mult pentru scenariu! Am vrut să aflu dacă este posibil să se facă să apară numai la anumite ore?

În cazul în care începerea operațiunii este de la ora 8:00 până la sfârșitul zilei de 18:00 - este stabilită în rândul 5.

Vitaly! Bine ai venit! Îmi cer scuze pentru întrebarea stupidă, tocmai am început să învăț HTML și CSS. Marcajele HTML și stilurile CSS pe care le descrieți în articol trebuie să fie plasate pe o pagină sau trebuie să creați un document separat pentru CSS? Mulțumesc.

Bună dragă prietenă

Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă și, prin urmare, contribuiți la dezvoltarea acestuia. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră







Articole similare

Trimiteți-le prietenilor: