CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 123
39
조회 수 : 8144 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
여러 사이트에서 많이 봤을겁니다. 좁은공간에 여러가지 최근게시물을 멀티탭기능으로 보여주는 방식이나 FAQ 메뉴등에서 질문을 클릭시 내용이 보이게 하는.. 그런곳에 많이 사용됩니다.
먼저 head 와 /head 사이에 아래소스를 삽입합니다.[#레이어001_]<script language="javascript">
var old_menu = '';
function menuclick( submenu )
{
if( old_menu != submenu ) {
if( old_menu != '' ) {
old_menu.style.display = 'none';
} else {
submenu0.style.display = 'none';
}
submenu.style.display = 'block';
old_menu = submenu;
} else {
submenu.style.display = 'block';
old_menu = submenu;
}
}
</script>
그후에 클릭했을시 보여질 메뉴텍스트나 이미지에 아래소스 삽입 (td 안에)
style="cursor:hand;" onClick="menuclick(submenu3);"마지막으로 클릭시 보여질 td 안에 아래소스 삽입<span id="submenu0" style="display:block;">맨처음보일내용</span>그밑으로 이름만 바꾸면서 계속 추가해줍니다.<span id="submenu1" style="display:none;">submenu1을 클릭해서 보일내용</span>
만약 마우스 클릭시가 아닌 마우스 오버했을때로 바꾸실려면 onMouseOver 로 바꾸시면 됩니다.
먼저 head 와 /head 사이에 아래소스를 삽입합니다.[#레이어001_]<script language="javascript">
var old_menu = '';
function menuclick( submenu )
{
if( old_menu != submenu ) {
if( old_menu != '' ) {
old_menu.style.display = 'none';
} else {
submenu0.style.display = 'none';
}
submenu.style.display = 'block';
old_menu = submenu;
} else {
submenu.style.display = 'block';
old_menu = submenu;
}
}
</script>
그후에 클릭했을시 보여질 메뉴텍스트나 이미지에 아래소스 삽입 (td 안에)
style="cursor:hand;" onClick="menuclick(submenu3);"마지막으로 클릭시 보여질 td 안에 아래소스 삽입<span id="submenu0" style="display:block;">맨처음보일내용</span>그밑으로 이름만 바꾸면서 계속 추가해줍니다.<span id="submenu1" style="display:none;">submenu1을 클릭해서 보일내용</span>
만약 마우스 클릭시가 아닌 마우스 오버했을때로 바꾸실려면 onMouseOver 로 바꾸시면 됩니다.
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
첫번째 댓글을 남겨주세요!
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기