본문 바로가기

반응형

Web/JQUERY

ie7 z-index jquery로 해결 $(function() { var zIndexNumber = 1000; $('div').each(function() { $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; }); }); 더보기
Html Img Map 동적으로 적용하기 (Using rwdImageMaps.js in jQuery) 출처 : http://noviceany.tistory.com/4원본 페이지 : https://github.com/stowball/jQuery-rwdImageMaps 처음에 이미지의 width값과 height값을 입력해 줘야 한다. 처음에 페이지가 로딩 될 때 이미지의 width, height값이 입력되어야 rwdImageMaps.js에서 이미지 사이즈가 변경 될 시 map의 좌표값을 동적으로 지정해 줄 수 있다. 아래와 같이 img[usemap] 으로 css를 설정하게 되면 일일이 찾아다니며 기본으로 이미지 태그에 설정되는 border를 없애는 수고를 덜 수 있다. img태그 중에 usemap 속성을 사용한 img태그에만 css가 적용이 됩니다. jquery와 jquery.rwdImageMaps.min... 더보기
slideup 익스플로러 에러 해결방법 this.custom(this.cur(), 0); 이부분을 찾을 후 0을 1로 바꿔주면 된다. 더보기
이미지 리사이즈 function img_resize() { maxsize = 350; //최대 가로폭 $("img").each(function() { // 모든 이미지 태그에 적용 var imgwidth = $(this).width(); // 해당 img의 속성 중 폭(width)의 값 if (imgwidth > maxsize) { // 폭이 maxsize 초과할 때에만 줄임 var imgheight = $(this).height(); // 해당 img의 속성 중 높이(height)의 값 var ratio = imgwidth/imgheight; // 비율 var newHeight = Math.round(maxsize/ratio); // 새 높이는 maxsize으로 원래 비율에 맞춤 $(this).css({width:ma.. 더보기
하단 맞추기 $(document).ready(function(){ fnc_resize(); }); $(window).resize(function(){ fnc_resize(); }); function fnc_resize(){ var num1 = document.body.scrollHeight; var num2 = document.body.clientHeight; var num3; if (num2 > num1){ num3 = num2 - num1; $('하단부분ID').css({'margin-top':num3}); //현재 사용자 창이 문서의 세로 길이 보다 클경우 }else{ $('하단부분ID').css({'margin-top':'15px'}); //기본간격 } } 더보기
JQUERY AJAX 일반 전송 $.ajax({ type: "POST", url: "전송할 페이지", data: {변수명:변수값}, success: function(전송할페이지에서 받는 값){ //AJAX성공 했을때 동작 }, error : function() { //AJAX실패 했을때 동작 } }); 폼전송하기 var string = $("form[name=폼이름]").serialize(); $.ajax({ type: "POST", url: "전송할 페이지", data: string, success: function(전송할페이지에서 받는 값){ //AJAX성공 했을때 동작 }, error : function() { //AJAX실패 했을때 동작 } }); 더보기

반응형