blog test de simon

code caché

https://static.blog4ever.com/2013/03/734029/060.jpg

code  pour faire cette image( Double clic ) 

<script>
function cache(id){
  document.getElementById(id).style.display = 'none';
}
function show(id){
  if(document.getElementById(id).style.display=='none') {
  document.getElementById(id).style.display = 'block';
  }
  else
  {
  document.getElementById(id).style.display = 'none';
  }
}
</script>
.bloc_afficher { display: block; background:#ccc; width:450px;
margin:auto; padding:5px; border: 2px inset #000;
white-space: pre; overflow:auto; }

*************************************

https://static.blog4ever.com/2013/03/734029/7887_c320b.gif

Voir le code ( Double clic )


.bloc_cacher { display: none; background:#FFFFFF;
width:400px;
margin:auto;
padding:5px; border:
2px inset #000;
white-space:
pre; overflow:auto; }
.bloc_afficher { display: block;
background:#FFFFFF;
width:400px;
margin:auto;
padding:5px;
border: 4px inset #9D9D00;
white-space: pre;
overflow:auto; }
.bloc_afficher:hover{
background:#9cc;
transition:
background-color 4s ease 0s;}
.bloc_cacher:hover{
background:#9cc;
transition: background-color 4s ease 0s; }

Auteur : simon-Léoncini

 
 

 



28/11/2016
0 Poster un commentaire

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 19 autres membres