Jquery툴바(Toolbar.Js) happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > Jquery툴바(Toolbar.Js) 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

Jquery툴바(Toolbar.Js)

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

376 회

간단설명

툴바는 웹 사이트에 사용될 툴팁 스타일의 도구 모음을 만들 수 있습니다.

평가하기

툴바는 웹 사이트에 사용될 툴팁 스타일의 도구 모음을 만들 수 있습니다.

압축을 해제하신 후에 documentation/index.html 파일을 열어보시면 데모확인이 가능합니다.

  <script type="text/javascript">
   jQuery(document).ready(function($) {

    // Define any icon actions before calling the toolbar
    $('.toolbar-icons a').on('click', function( event ) {
     event.preventDefault();
    });

    $('#normal-button').toolbar({content: '#user-options', position: 'top'}); // 1번
   });
  </script>

<div id="normal-button" class="settings-button"><img src="img/icon-cog-small.png" /></div> // 2번

1번과 같이 선언후 2번처럼 적용하면 됩니다.

붉은색 name값은 두부분이 모두 일치해야 하는걸 주의해주세요.

파란색 top은 포지션이며, top이외에 left,right,bottom 으로 사용이 가능합니다.

포지션은 툴바가 나오게 되는 포지션입니다.

예제 사진은 top 포지션입니다.