jquery소스 썸네일형 리스트형 애니메이션 가로막대 그래프(animation bar graph ) https://github.com/jasonday/printThis/blob/master/printThis.js https://jsfiddle.net/kkyo/3jhr2x9e/4/ 진행율 바쇼핑몰88%웹사이트/모바일92%패키지82%C.I/B.I/네이밍85%HTML5/CSS360% 더보기 돌아가는 아이콘 .slow-spin { -webkit-animation: fa-spin 6s infinite linear; animation: fa-spin 6s infinite linear; } 더보기 상하 스크롤 발생해주는 jquery vticker http://richhollis.github.io/vticker/ ============================================================================= 1111Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor2222Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut3333Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Next Prev Pause =========================.. 더보기 jquery 를 이용해서 원하는 태그(위치)로 스크롤 이동하기 jquery 를 이용해서 원하는 태그(위치)로 스크롤 이동해 보자. 맨 아래에서 절대위치와 상대위치를 구하는 offset 함수와 position 함수에 대해서 간단히 설명한다. 특정 태그가 있는 곳까지 자동으로 스크롤이 되서 이동해야 하는 경우들이 종종 있다. 그럴 경우에 쉽게 사용할 수 있는 방법이다. 소스를 직접 설명한다. 123456789101112131415161718192021 div {margin-bottom:1000px;} function fnMove(seq){ var offset = $("#div" + seq).offset(); $('html, body').animate({scrollTop : offset.top}, 400); } div1로 이동 div2로 이동 div3로 이동 div1 d.. 더보기 퍼블리셔 슬라이드 더보기 툴팁 jquery / tooltipsy.min.js http://tooltipsy.com/ 더보기 (JQuery) 아이프레임 자동 높이 조절(iframe auto height) 옵션중에 defaultHeight 를 기본적으로 지정해주고, watcher 은 false 로 주면 빈공간이 생기는데 true로 주면 생기지 않는다..또한 한페이지에 아이프레임이 2개인경우 셀렉터를 중복으로 설정했을때오류가 난다... 한페이지에서 2개 이상의 아이프레임을 자동 높이 조절 하고 싶다면아래 URL을 클릭해서 들어가보길 바란다 지금 보고 있는 플러그인보다 좀 더 사용 방법이 간편하다http://blog.naver.com/PostView.nhn?blogId=qfwh&logNo=220246462409&categoryNo=16&parentCategoryNo=0&viewDate=¤tPage=1&postListTopCurrentPage=&userTopListOpen=true&userTo.. 더보기 탭 포커싱 가능 간단한 gnb 메뉴 ㅇㅇㅇ 더보기 웹 접근성이 고려된 중첩된 ul 메뉴 네비게이션 가로 및 세로 예제 더보기 bx 슬라이드 $('#slider1').bxSlider({ mode: 'fade', auto: true, autoControls: true, pause: 2000}); $('#slider2').bxSlider({ auto: true, autoControls: true, pause: 3000, slideMargin: 20}); Slideshow 1 Slideshow 2 더보기 탭스크립트 강남구청 더보기 강북구청_gnb 더보기 송파구청_아코디언_왼쪽메뉴 송파구청_아코디언_왼쪽메뉴 키보드 접근성 가능 더보기 좌우 스크롤 배너존 jquery http://als.musings.it/ 어렵게 스크롤 적용.. 이거 어렵다.. 어려워.ㅡㅡ;; 더보기 탭포커싱이 용이한 마우스오버 메뉴 제이쿼리 Menu1 Menu1-1 Menu1-2 Menu1-3 Menu2 Menu2-1 Menu2-2 Menu3 Menu3-1 Menu3-2 Menu3-3 Menu3-4 #gnb {width:250px; background:#ccc;}#gnb > li {display:inline-block;}#gnb > li > a {display:block; line-height:25px; width:80px; text-align:center;}#gnb > li.on a {background:#777; color:#fff;}#gnb li ul {position:absolute; width:80px; height:0; overflow:hidden;}#gnb li.on ul {height:auto; background:#777;}.. 더보기 스크립트 종류별 http://www.g-it.kr/bbs/board.php?bo_table=jquery_demo http://sqlplus.tistory.com/entry/Top-10-JQuery-Tooltip-Plugins 더보기 툴팁 스크립트 http://vadikom.com/demos/poshytip/ 더보기 클릭시 레이어팝업띄우고_닫기 팝업띄우기 안녕하세요 늑대털쓴양입니다. close 더보기 메뉴 전체 내림 스크립트 더보기 슬라이드 http://www.slidesjs.com/ http://touchslider.com/ http://kenwheeler.github.io/slick/ http://nicekjm88.tistory.com/entry/자주-쓰는-탭매뉴-자바스크립트 tabmenu.zip http://giman.bestbz.co.kr/jquery/tabmenu/index.html 더보기 [jQuery] scrollTop()을 활용한 고정스크롤리모컨 http://kitchu.tistory.com/14 브라우저 좌측 하단에 고정적으로 위치, 최초 display는 none으로써 안보이는 상태. 문서에서 일정 이하로 스크롤했을 때 fadeIn, 위로 올리면 다시 fadeOut.요소를 클릭하면 웹페이지 최상단으로 이동하게 구현. index.html) Going Up css) #remoCon {position: fixed;width: 60px;height: 20px;right: 20px;bottom: 20px;display: none; } js) $(document).scroll(function(){var con = $("#remoCon");var position = $(window).scrollTop();if(position > 250){ con.fadeI.. 더보기 버튼 클릭시 이동 스크롤 http://superkts.com/jquery/@scroll 재 위치에서 특정 위치로 스크롤보기아래 버튼을 누르면 화면이 스크롤 됩니다. 절대값 스크롤 ( 100px ) 절대값 스크롤 ( 300px )소스아래 버튼을 누르면 화면이 스크롤 됩니다. 절대값 스크롤 ( 100px ) 절대값 스크롤 ( 300px )jQuery$( 'html, body' ).stop().animate( { scrollTop : '100' } ) - 위로부터 100px 위치로 스크롤 $( 'html, body' ).stop().animate( { scrollTop : 300 } ) - 위로부터 300px 위치로 스크롤 '100', 300 처럼 문자형태나 숫자형태로 입력할 수 있습니다.예제 2현재 위치에서 특정값 만큼 추가된 스크.. 더보기 플러그인 - 페이지 스크롤 기억 사용방법 기능 세로 페이지가 긴 화면에서 스크롤 값을 쿠키에 저장해 놓은 후 리로드시 자동으로 이전 스크롤 위치를 잡아주는 기능입니다. 1) 파일연결 2) 끝 */ $(function(){ //get if($.cookie('scroll_loc')){ $(window).scrollTop($.cookie('scroll_loc')); } //set $(window).scroll(function(){ $.cookie('scroll_loc',$(this).scrollTop()); }); }); 더보기 체크박스 전체 선택 제이쿼리 소스 전체선택 : 더보기 이전 1 다음
