본문 바로가기
Program/오래된 PHP 게시판

[HTML-CSS]CSS를 이용한 레이어(DIV) 감추기

by 한빛가람 2013. 2. 5.
반응형

안녕하세요. 필자입니다. 지금은 간단한 레이어 감추기를 해보도록 하겠습니다.


css 소스는 다음과 같이 짜주시면 감사하겠습니다.

<style type="text/css">

#lab {visbility:hidden;}

</style>

html소스는 다음과 같이 짜주시면 감사하겠습니다.

<html>

<head>

<title>ㅇㅅㅇ?</title>

<style type="text/css">

#lab {visibility:hidden;}

</style>

</head>

<body>

<input type="button" onclick="lab.style.visibility='visible'"value="보이기"> <input type="button"  onclick="lab.style.visibility='hidden'" value="말기">

<div id="lab">안보이지롱 -ㅠ- 과연 보일까?</div>

</body>

</html>

이런식으로 작성후 테스트를 하면


잘~~ 뜹니다.


단 제 notenet에서는 일부 태그를 막아두어 onclick테그는 사용이 불가능합니다.





   


아래의 손가락버튼을 눌러주시면 블로그에 큰 힘이 됩니다.







반응형
크리에이티브 커먼즈 라이선스
한빛가람 필자가 게시한 대부분의 블로그 게시물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 게시물에 CCL이 적용되지 아니하다고 적혀있는 경우엔 본 라이선스 적용 대상이 아닙니다.

댓글