[HTML] a href=# 활용하기

HTML Tag 중 Anchor Tag를 이용해서 페이지 이동을 할 때

요즘은 HTML과 CSS, Javascript를 분리해서 구현하는 방법을 선호한다.

그래서 대부분 이런 방식으로 구현을 한다.

 클릭   

이런 방식으로 구현을 하면 href="#" 에 의해서 페이지가 최상단으로 스크롤업 된다.

이러한 스크롤업을 피하기 위한 방법으로 다음 방식이 있다.

 클릭   

이렇게 구현하면 페이지가 최상단으로 스크롤업 되는것을 피할 수 있다.

여기서 event 객체의 preventDefault() 메소드는 다음과 같이 jQuery API에 정의되어 있다.

< 출처 : http://u4rang.tistory.com/12 [김군님 블로그] >

[JQuery] 슬라이드 메뉴바

슬라이드 메뉴 만들기 입니다.

   

    
메뉴
     

      
서브메뉴1
      
서브메뉴2
      
서브메뉴3
     
    
   
  

예제

• 메뉴
  • 서브메뉴1
  • 서브메뉴2
  • 서브메뉴3

[JQuery] 접기, 펼치기

생각 보다 쉬운 접고 펼치는 태그

css 적용하시고

body 부분

     펼치기 
       

          
RirRnd
       

JQuery 를 사용하기 위해서는 별도의 js 파일이 필요합니다

[JQuery] 움직이는 이미지

요즘 제이쿼리가 대세인듯 합니다.

http://tympanus.net/

데모뷰와 소스를 받을 수 있는 사이트입니다.

홈페이지 만들때 메뉴로 사용하면 좋을 것 같네요

[JQuery] Loading Bar 만들기

이미 아는 사람들은 다아는 로딩바 원하는 형태로 만들기
사이트(http://www.ajaxload.info/)에서
좋은 Loading Indicator(Spinner)를 구한 다음에 아래와 같이 간단히 구현할 수 있다.

jQuery(function($){
        // Create img dom element and insert it into our document
        var loading = $('')
        .appendTo(document.body).hide();
        // Make the image appear during ajax calls
        $(window).ajaxStart(loading.show);
        $(window).ajaxStop(loading.hide);
});

참고적으로 요기 도 보아두면 좋아요~~
jQuery를 모르는 분들은 여기서 부터 시작하세요

<출처 : http://techbug.tistory.com/111 [데꾸벅님블로그]>