본문 바로가기

Web/javascript & jQuery

[plugin] jquery slide plugin 1. Camera 반응형 지원 및 여러가지 기능을 많이 지원해서 좋다. http://www.pixedelic.com/plugins/camera/ 2. Master Slider 반응형 및 모바일을 지원하고 여러가지 html5 기능들도 지원하는 아우 훌륭한 슬라이더이다.단, 좋은만큼 유료이다... http://www.masterslider.com/ 더보기
[plugin] animate.css 와 더불어 편리하게 사용가능한 wow.js animate.css 와 함께 스크롤 애니메이션을 줄 수 있고, 지연시간을 두고 멋진 애니메이션 효과를 낼 수 있도록 도와주는 wow.js를 소개합니다~ 인터렉티브한 사이트나 모바일에서 간편하게 구현 가능하기 때문에 적절히 활용하면 좋을 것 같습니다. 사이트 주소: http://mynameismatthieu.com/WOW/index.html 더보기
substr을 사용하여 간단하게 글자수 자르기 jquery substr을 사용하여 간단히 문자열을 자를 수 있다. 최신글을 추출하면서 사용하기 간편하다. 1 2 3 4 5 6$(document).ready(function(){ $('.latest-post ul li a').each(function(){ if ($(this).text().length > 26) $(this).html($(this).text().substr(0,26)+".."); }); }); 더보기
팝업창 소스 정리 팝업창 옵션 ---------------------------------------- no, 1을 사용 width=800 : 팝업창의 넓이 height=600 : 팝업창의 높이 top=0 : 팝업창이 뜰 위치 left=0 : 팝업창이 뜰 위치 resizable=1 : 창크기 조정가능 scrollbars=1 : 스크롤바 menubar=1 : 메뉴 toolbar=1 : 메뉴아이콘 location=1 : 제목표시줄 directories=1 : 연결버튼(핫메일 등) status=1 : 하단의 상태바 ■ 입장시 팝업창 띄우기 ---------------------------------------- 또는 ■ 퇴장시 팝업창 띄우기 ---------------------------------------- 또는 ■ 클릭.. 더보기
모바일 접속 시 페이지 이동 모바일 페이지 접속 시 특정 url로 전환시키는 코드는 다음과 같습니다. var uAgent = navigator.userAgent.toLowerCase(); var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce', 'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile'); for(var i=0;i 더보기
랜덤으로 이미지 출력하기 function randomImage(){ var bannerImages=new Array(); bannerImages[0]="이미지경로"; bannerImages[1]=""; bannerImages[2]=""; var bannerlink = new Array(); bannerlink[0] = "링크"; bannerlink[1] = ""; bannerlink[2] = ""; var bannerTitle = new Array(); bannerTitle[0] = ""; bannerTitle[1] = ""; bannerTitle[2] = ""; var bannerAlt = new Array(); bannerAlt[0] = ""; bannerAlt[1] = ""; bannerAlt[2] = ""; var ran.. 더보기
정규식을 사용해 html 태그 제거하기 자바스크립트 정규식을 이용하여 html 태그를 제거해보자. 1. 모든 태그 제거하기. 방법 1) str.replace(/]*)?(\s)*(\/)?>/g,""); 방법 2) var tmpStr = new RegExp(); tmpStr = /[]*[>]/gi; str.replace(tmpStr , ""); 방법 3)]*)?(\\s)*(/)?> 예) text = "......";textWithoutTag = text.replaceAll("]*)?(\\s)*(/)?>", ""); 2. 태그 제거하기. str.replace(//g,"");[출처] 자바스크립트 html태그 제거하기 |작성자 Keito 3. 태그 제거하기. str.replace(/[]/gi,"\n"); 4. 정규식을 이용한 태그 삭제하기. str.r.. 더보기
각 목록요소에 숫자가 순차적으로 붙는 클래스 삽입하기 contentcontentcontentcontentcontent각각의 리스트에 순차적으로 붙는 클래스명을 넣고자 할때가 있습니다.단순 html 코딩으로만 구현하는 것이면 위와 같이 에 class="item01"이란 식으로 클래스를 삽입하면 되겠지만 개발언어를 통해 구현하게 되면 스크립트를 이용해 구현해야합니다.$(document).ready(function(){ $('#list li').each(function(index) { $(this).addClass('item' + index); })});$(document).ready(function(){ $('#list li').each(function(index){ $(this).attr('class', 'item' + index); });}); 더보기

티스토리툴바