Efect show/hide Blogspot
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:
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 :
