Ante todo deciros que no soy programador, aunque me he liado con un proyecto personal a base de leer mucho y copiar y pegar código!

El caso es que estoy montando una web que requiere un mensaje de bienvenida indicando que la web es para mayores de 18 años. Lo típico, una vez has clikado, entras en la web.
Vi un ejemplo que me gusto mucho con programación javascript, se trataba de un onload, que una vez la web estaba cargada, saltaba una layer que te impedía navegar por la web si no aceptabas el "uso para mayores de 18 años". Una vez aceptado, esa capa desaparecía y la web quedaba totalmente navegable.
He estado investigando y he conseguido hacer algo parecido, el problema es que me gustaría que este mensaje solo se viera una vez, ya que ahora, cada vez que vuelves a la home, salta esta advertencia.

Sabéis como se puede hacer? Usando cookies?
Os dejo el código que estoy usando por si no me he explicado bien. Saludos y gracias!
PD: de momento tengo este código en el header, pero va en la home...
Código:
<div class="header-top-container"> <div class="header-topbar"> <script languaje="javascript"> function cerrar(){ document.getElementById("desaparece").style.visibility="hidden"; } function posicionar(){ if(document.all) document.getElementById("desaparece").style.top=document.body.scrollTop + 40 ; else document.getElementById("desaparece").style.top=window.pageYOffset + 40 ; } </script> <style> #desaparece { position : absolute ; width : 1000px ; height : 1500px ; left : 20px ; top : 10px ; border-style : solid ; border-color : #999999 ; border-width : 1px ; padding : 4px ; background-color : #cdcdcd ; filter: alpha(opacity=84); opacity: .8; -moz-opacity: 0.8; } </style> <body onload="setInterval('posicionar()',20)"> <DIV style="position:relative;top:10;left:10;z-index:1"> <DIV id="desaparece"> <p align="center"><A HREF="javascript:cerrar()">aceptar</A></p><br><br>Web para mayores de 18 </DIV> </DIV>