Web/javascript & jQuery 썸네일형 리스트형 script를 이용해 페이지 타이틀명 임의로 바꾸기 자동으로 페이지 타이틀명을 뿌려지게 잡아놨는데 특정 페이지의 타이틀명을 바꿔줘야 할 경우 그냥 간단히 해결할 수 있는 방법이다. 더보기 jQuery / Plugin / Carousel - 여러 기능을 갖춘 제이쿼리 플러그인 작고 가벼운 제이쿼리 플러그인을 소개한다. http://jquery.malsup.com/cycle http://jquery.malsup.com/cycle2/ 데모페이지를 확인해보면 정리도 잘 되어있고 얼마나 잘 만들어졌는지 알 수 있다. MIT, GPL 라이센스를 따르기 때문에 수정 및 배포가 가능하며 상업적으로도 이용할 수 있다. Cycle2의 가장 큰 특징이라면 보통 스크립트를 따로 초기화 코드를 작성하여 해당 메소드를 추가하고 옵션값을 적용하지만 cycle2의 경우 작업하고 하는 해당 엘리먼트에 인라인으로 직접 데이터값을 선언하여 원하는 기능을 구현하도록 해준다. 입맛에 따라 여러가지로 쓰기 좋다. 각각의 데모페이지를 보면 아래의 이미지와 같이 상세한 설명이 되어있어 사용하기도 쉽다. 더보기 10+ jQuery Sticky Scroll Plugins http://www.sitepoint.com/10-jquery-sticky-scroll-plugins/ 더보기 [plugin] stickyfloat : 스크롤 애니메이션 위치요소 플러그인 제이쿼리 사이트 플러그인 리스트 주소 : http://plugins.jquery.com/stickyfloat/Github 주소 : https://github.com/silent-e/stickyfloat데모보기 : http://dropthebit.com/demos/stickyfloat/stickyfloat.html -------------------------------------------------------------------------------------------------------- 그 외 stickyfloat 사이트http://dropthebit.com/demos/stickyfloat/stickyfloat.html 더보기 반응형에 대처할 수 있는 이미지맵 jquery 플러그인 이미지맵은 반응형페이지에서 적합하지 않기 때문에 사용하지 않았는데,서핑 중 제이쿼리를 이용하여 반응형 페이지에서도 이미지맵을 사용 할 수 있는 정보를 얻게 되었다. 단순 이벤트 상세페이지에서의 이미지맵을 작업할 때에는 굉장히 유용할 것 같다. 주소 : http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.htmlgithub : https://github.com/stowball/jQuery-rwdImageMaps 더보기 텍스트 내용 바꾸기 (function($){ var str = $('.discount').text(); //.discount의 텍스트를 변수 str에 담는다. var res = str.replace('%','%'); // str속의 텍스트중 %를 %으로 바꾸고 변수 res에 담는다 $('.discount').empty(); // .discount 안의 텍스트 요소를 비운다. $('.discount').append(res); //.discount 요소 안에 변수 res를 삽입한다. })(jQuery); 더보기 ie8 투명 png 에서 opacity 적용해서 전환 효과시 버그 해결방법 출처 : http://sqlplus.tistory.com/417 http://gnitfos.blog.me/140176618954 var i; for (i in document.images) { if (document.images[i].src) { var imgSrc = document.images[i].src; if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') { document.images[i].style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + .. 더보기 타겟 영역 외의 영역을 클릭 시 타켓영역 닫기. 버튼 더보기 이전 1 2 3 4 5 다음
