묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
롤오버 기능을 활용해서.. 보였다, 안 보였다 하는 서브메뉴를 만들고 싶은데요..^^
2003.07.02 15:23
안녕하세요, 저는 홈페이지를 첨 만드는 왕초보입니다^^
나모로 만들고 있습니다.
메인 페이지에 메뉴가 7개 있구요, 레이어 안에 포토샵으로 만든 서브메뉴를 넣었습니다.
그걸 X, Y축 설정하고 보이기에서 감추기로 바꿨어요.
제가 본 책에서는 거기까지만 나와있는데,,
제가 그렇게 다 하고 미리보기를 했는데 메인메뉴를 아무리 클릭해도 서브메뉴는 하나도 안 나오네요..
제가 한 과정에 어떤 문제가 있는 건가요?
전 나모로 했지만, html로 설명해주셔도 돼요.. 머리를 쥐어 짜서라도 따라해야죠..^^
감사한 답변 기다리겠습니다^^
*제가 나모의 롤오버 기능을 이용해서 아래의 순서대로 만들었어요..
1)서브 메뉴를 만들고 싶은 마일을 불러온다.
2)'창'메뉴 클릭 후 '레이어목록'을 차례대로 클링하여 창을 불러온다.
3)문서 아래쪽에 커서를 위치시킨 후 '레이어삽입하기'아이콘을 클릭한다. 레이어가 나타나면 레이어의 핸들을 클릭한 채로 첫번째 메뉴 쪽으로 드레그한다.
4)레이어 안에 커서를 위치시킨 후 '그림삽입하기'아이콘을 클릭하여 미리 저장된 그림파일을 삽입한다.
5)레이어에 선택한 그림이 삽입되어 나타난다. 이 때 그림과 레이어의 크기가 맞지 않으므로, 이를 맞추기 위해 레이어의 테두리선을 클릭하여 레이어를 선택한다.
6)'바로보기'창에 레이어 속석이 나타난다. '내용에 맞추기 아이콘을 클릭한다.
7)레이어가 그림 크기에 맞춰진다. 이와 같은 방법으로 나머지 레이어를 더 삽입한 후 해당 그림을 삽입하고 레이어의 크기를 이미지에 맞춘다.
8)모든 레이어에 이미지가 삽입된 후라면 레이어의 위치가 엉망일 것이다. '바로보기'창을 이용하여 레이어의 위치를 지정해야 한다. 우선 '레이어목록'창에서 layer1을 선택한다.
9)'바로보기'창에서 '보이기'를 '감추기'로, x와 y의 위치를 설정하면 레이어의 위치가 조절되고 화면에서 사라진다.
10)layer2,3....을 선택하여 위와 같은 방법으로 x,y 의위치 설정하고 보이기를 감추기로 설정한다.
11)모든 레이어의 속성을 설정하면 모든 레이어가 '김추기'상태이므로 화면에서는 보이지 않는다.
나모로 만들고 있습니다.
메인 페이지에 메뉴가 7개 있구요, 레이어 안에 포토샵으로 만든 서브메뉴를 넣었습니다.
그걸 X, Y축 설정하고 보이기에서 감추기로 바꿨어요.
제가 본 책에서는 거기까지만 나와있는데,,
제가 그렇게 다 하고 미리보기를 했는데 메인메뉴를 아무리 클릭해도 서브메뉴는 하나도 안 나오네요..
제가 한 과정에 어떤 문제가 있는 건가요?
전 나모로 했지만, html로 설명해주셔도 돼요.. 머리를 쥐어 짜서라도 따라해야죠..^^
감사한 답변 기다리겠습니다^^
*제가 나모의 롤오버 기능을 이용해서 아래의 순서대로 만들었어요..
1)서브 메뉴를 만들고 싶은 마일을 불러온다.
2)'창'메뉴 클릭 후 '레이어목록'을 차례대로 클링하여 창을 불러온다.
3)문서 아래쪽에 커서를 위치시킨 후 '레이어삽입하기'아이콘을 클릭한다. 레이어가 나타나면 레이어의 핸들을 클릭한 채로 첫번째 메뉴 쪽으로 드레그한다.
4)레이어 안에 커서를 위치시킨 후 '그림삽입하기'아이콘을 클릭하여 미리 저장된 그림파일을 삽입한다.
5)레이어에 선택한 그림이 삽입되어 나타난다. 이 때 그림과 레이어의 크기가 맞지 않으므로, 이를 맞추기 위해 레이어의 테두리선을 클릭하여 레이어를 선택한다.
6)'바로보기'창에 레이어 속석이 나타난다. '내용에 맞추기 아이콘을 클릭한다.
7)레이어가 그림 크기에 맞춰진다. 이와 같은 방법으로 나머지 레이어를 더 삽입한 후 해당 그림을 삽입하고 레이어의 크기를 이미지에 맞춘다.
8)모든 레이어에 이미지가 삽입된 후라면 레이어의 위치가 엉망일 것이다. '바로보기'창을 이용하여 레이어의 위치를 지정해야 한다. 우선 '레이어목록'창에서 layer1을 선택한다.
9)'바로보기'창에서 '보이기'를 '감추기'로, x와 y의 위치를 설정하면 레이어의 위치가 조절되고 화면에서 사라진다.
10)layer2,3....을 선택하여 위와 같은 방법으로 x,y 의위치 설정하고 보이기를 감추기로 설정한다.
11)모든 레이어의 속성을 설정하면 모든 레이어가 '김추기'상태이므로 화면에서는 보이지 않는다.
나모에서는 좀 힘들걸로 알고 있고요.
차라리 서브메뉴레이어를 사용하는 자바스크립트 소스를 구하셔서 수정해서 쓰시는게 나을겁니다.
나모에서도 물론 가능하긴 하지만.. 나모의 경우 레이어 다루기가 꽤나 까다로운 편이어서..
happyscript.com 이나 yajava.com 등의 스크립트 사이트에 가셔서 메뉴부분을 검색하시면 됩니다.