JSQuery - 초보자를위한 jquery 사용 방법

Question

안녕하세요 jquery에 익숙하지 않습니다. 하지만 나는 배울 작정을 시도하고있는 웹 사이트에 선창 스타일 메뉴를 갖고 싶습니다. http://www.wizzud.com/jqDock/examples/example.php?f=lh_edge 에서 도크 스타일의 메뉴 예제는 HTML, CSS, 기능인 자바 스크립트 코드를 복사 할 수있는 옵션을 제공합니다. 다른 페이지에 실제로이 예제의 소스 페이지에는 스크립트를 다운로드 할 수있는 옵션이 있습니다.

나는이 독 스타일의 메뉴 1. 상단 수평 메뉴 (정확히 상단의 세 가지가 있지만에 대한 페이지 높이의 1/5 일에서 말을해야합니다. 2.이 수직 메뉴() 예에서와 같이. 3. 페이지 하단의 물론이 아이콘 이미지를 대체 할 내 자신의 이미지가 있습니다.

그래서 누군가가 나를 올바른 방향으로 인도 할 정도로 친절합니다 (나는이 모든 것을 완전히 막지 못합니다. 그래서 내가 할 수있는 가장 쉬운 방법)을 선호하는 것

는

Answer 1

당신은 jQuery를 슬라이드 기능 봐야한다

는, 당신이 t를 연결 메뉴의 기초가 될 것 같다 오 : 여기

http://docs.jquery.com/UI/Effects/Slide

가 실험하는 예입니다

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

Answer 2

아주 간단하게 퍼팅, 당신은 당신이 보여주고 싶은 이미지의 목록이 포함 된 div 요소가 필요합니다 메뉴. 문서로드 이벤트에서, 당신이하고자 원하는 옵션

$(function() { 
    var opts = { 
     align: 'top', 
     // all the required options 
    }; 
    $("#div-id").jqDock(opts); 
}); 

전화 (당신이 사업부에주는 ID를 사용하여) 모든 3 개 사업부에 jqDock 방법. 이 수평 또는 수직 만질 경우 설정 사업부에 jqDock() 함수를 호출 할 때

당신은 옵션 개체를 설정할 수 있습니다. 다른 다양한 옵션에 대한 자세한 내용은 여기에서 확인할 수 있습니다. http://www.wizzud.com/jqDock/index.php?dt=0&pg=options

맞춤법 : 문자열, 기본값 = '하단', 값 = '상단', '중간', '아래', 왼쪽 ', 중심', '오른쪽' 수평/수직 주축 및 확장 방향을 수정합니다. 이미지가 다운 동등 '하단까지 확장되도록, 화상의 중앙을 해결 '상단 ': 가로 메뉴 옵션

이미지가 '중간 '아래로 확장 할 수 있도록, 도크의 상단 가장자리를 해결 왼쪽 '독의 왼쪽 가장자리를 수정, 이미지 오른쪽 확장되도록'중심 '' 은 : 이미지를 수직 메뉴 까지 확장되도록, 도크의 하단을 고정 '화상의 중심을 고정 이미지가 왼쪽과 오른쪽으로 똑같이 확장되도록 '오른쪽': 이미지가 왼쪽으로 확장되도록 도크의 오른쪽 가장자리를 수정합니다.