Efect show/hide Blogspot

 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 :

HED

hedmasster: Web developer , Web designer , Games reviewer . Pasionat de IT & Gaming , owner www.blasterzone.ro & www.graphicpedia.ro. Dacă aveţi nelămuriri în privinţa unor articole/tutoriale puteţi lăsa un comentariu şi în cel mai scurt timp vă voi răspunde.

Poate te interesează şi

Leave a Reply

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

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