Internet

Efect show/hide Blogspot

Published

on

In acest articol vom vedea cum se face un efect arata/ascunde , care zic eu este folositor pentru a ascunde imagini , link-uri si altele.

Mai jos aveti un exemplu:

ITSuceava

Tot ce trebuie sa faceti este sa inserati urmatorul cod in pagina dorita .

<div id=”hide” style=”display:none”>
ITSuceava
</div>
<button title=”ITSuceava” type=”button” onclick=”if(document.getElementById(‘hide’) .style.display==’none’) {document.getElementById(‘hide’) .style.display=”}else{document.getElementById(‘hide’) .style.display=’none’}”>Text</button>

 

  • ITSuceava – modificati cu mesajul dorit sau imagine
  • <button title=”Text… – modificati cu numele dorit
  • ‘none’}”>Text</button> – aici este numele butonului

* IMPORTANT Daca dorim sa adaugam 2 sau mai multe butoane intr-o pagina trebuie sa modificam div id= la , astfel incat fiecare buton sa aiba div unic! Vizualizati tutorialul video de mai jos :

Leave a Reply

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Trending

Exit mobile version