whycomputer.com >> Počítačové znalosti >  >> Internet

Jak vytvořit automatické vyskakovací okno

Při tvorbě webové stránky chcete často upoutat pozornost návštěvníka. Jedním ze způsobů je vyskakovací okno. Použité s rozmyslem může být užitečným nástrojem, ale při častém zneužití se rychle stane obtěžujícím. Naštěstí k jeho vytvoření nepotřebujete pokročilé programování – stačí jednoduchý HTML a JavaScript.

Krok 1

Otevřete libovolný textový editor (např. Notepad) a vytvořte nový soubor.

Krok 2

Vložte následující kód mezi značky <head> a </head>:

<script type="text/javascript">
  function openPopup() {
    var w = 400; // šířka okna
    var h = 300; // výška okna
    var left = (screen.width/2)-(w/2);
    var top = (screen.height/2)-(h/2);
    var params = 'width=' + w + ',height=' + h + ',top=' + top + ',left=' + left + ',scrollbars=yes,resizable=yes';
    window.open('popup.html', 'PopupWindow', params);
  }
  window.onload = openPopup;
</script>

Krok 3

Upravte atributy dle potřeby – například změňte barvu pozadí, šířku nebo barvu okraje. Stačí editovat soubor popup.html, kde definujete vzhled vyskakovacího okna.

Krok 4

Uložte soubor s příponou .htm (např. index.htm).

Otevřete soubor v prohlížeči (např. Internet Explorer, Edge nebo Chrome) a ověřte, že se vyskakovací okno zobrazí.


URL:https://cs.whycomputer.com/Internet/100100863.html

Internet
  • Jak vytvořit CD štítky na Macu

    Vytváření CD štítků už není výsadou jen hudebních společností či grafických designérů. S rostoucím počtem záložních dat, vlastních playlistů a důležitých pracovních dokumentů na CD se personalizované štítky stávají praktickým řešením pro snadnou orientaci. Pomocí standardních štítků Avery a dobře zn

  • Jak vytvořit webovou stránku věnovanou matematice

    Webová stránka zaměřená na matematiku je skvělý způsob, jak poskytovat doplňkovou výuku, umožnit studentům sdílet poznámky a materiály a umožnit každému osvěžit nebo rozšířit své matematické dovednosti. Stránku můžete postavit jednoduchou i složitou – hlavní je mít připravené podrobné návody a příkl

Počítačové znalosti © https://cs.whycomputer.com