// 이미지맵 속 링크 가지고 있도록 배열화 var imgmap_arr = new Array(); $(".tab05").find('a[data-toggle="tab"]').each(function ( index ){ var num = parseInt( index+1 ); var target = $("#det_0" + num ); var imgmap_pc = $("#m05_0" + num ); var imgmap_m = $("#mm05_0" + num ); var temp1_arr = []; $(target).find("map").each(function (m){ var temp2_arr = []; $(this).find("area").each(function (a){ temp2_arr.push( $(th..
#한번클릭시 내용이뜨며 두번클릭시 페이지 이동 function item_h(){ if ($(window).width() > 992) { $('.wr-img').mouseenter(function(){ $('.item_txt').removeClass('on'); $(this).closest('div.item-image').siblings('.item_txt').addClass('on'); }); $('.item_txt').mouseleave(function(){ $('.item_txt').removeClass('on'); }); } else { $('.wr-img').click(function(e){ if($(this).hasClass("open")){ } else { e.preventDefault(); ..
#스크립트로 호버된 이미지 변경하기 $(function(){ var list = $(".post-row .con_bt") list.mouseover(function(){ index = $(this).index(); list.find(".real_i").attr("src",$(this).find(".real_i").attr("src").replace("on","off")); $(this).find(".real_i").attr("src",$(this).find(".real_i").attr("src").replace("off","on")); }); list.mouseleave(function(){ index = $(this).index(); list.find(".real_i").attr("src",$(this..
#아코디언 메뉴 $(function(){ var acodian = { click: function(target) { var _self = this, $target = $(target); $target.on('click', function() { var $this = $(this); if ($this.next('.real_content').css('display') == 'none') { $('.real_content').slideUp(); _self.onremove($target); $this.addClass('on'); $this.next().slideDown(); } else { $('.real_content').slideUp(); _self.onremove($target); } return fals..
#이미지맵 1.img의 usemap과 map의 name과 id를 일치시켜준다. 2.shape="속성값"은 영역의 모양을 의미한다. - react : 직사각형(왼쪽 상단 좌표와 오른쪽 하단 좌표) - circle : 원형 모양(원중심의 좌표와 반지름을 지정) - poly : 형 영역(다각형의 가장자리의 좌표를 지정) - default : 전체 영역 3.coords="정의"는 영역의 좌표를 의미한다. -이미지 맵의 좌표의 경우 그림판에 이미지를 띄운후 쉽게 확인 가능하다. *간단하게 좌표 확인하기 www.image-map.net/ Free Online Image Map Generator Easy free online html image map generator. Select an image, click to..
#스크롤시 따라다니는 wing 배너 $(window).scroll(function() { var scrollY = $(document).scrollTop(); var minusY = $(".at-lnb").height() + $(".at-header").height(); //console.log(scrollY); if (scrollY > minusY) { $(".wing-left , .wing-right").stop().animate({'top':fix를 원하는 수치만큼},600); } else { $(".wing-left , .wing-right").stop().animate({'top':'처음고정값'},600); } }); *css로 fixed 시키는 방법도 괜찮지만 간혹 디자인에 의해서 못시키는 경..
#즐겨찾기 즐겨찾기 function bookmark(){ window.external.AddFavorite('홈페이지주소', '즐겨찾기시입력될이름') } *ie의 경우 Ctrl+D 로 확인되는 창이 뜬다. //즐겨찾기 $('#favorite').on('click', function(e) { var bookmarkURL = window.location.href; var bookmarkTitle = document.title; var triggerDefault = false; if (window.sidebar && window.sidebar.addPanel) {// Firefox version < 23 window.sidebar.addPanel(bookmarkTitle, bookmarkURL, ''); } ..
#모든 터치 및 마우스 이벤트 제거 $('html, body').css({'overflow': 'hidden', 'height': '100%'}); $('#element').on('scroll touchmove mousewheel', function(event) { event.preventDefault(); event.stopPropagation(); return false; }); #스크롤 이동 허용 $('#element').off('scroll touchmove mousewheel'); *의도한 콘텐츠를 다 못보여주는 경우, 동적으로 변하는 웹사이트를 보여주기 위해 사용자의 스크롤 이동을 강제하는 것이 필요한 경우 사용
