jquery.highlight.js 다운로드 및 정보는 아래 URL을 참고하세요.
http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html
< css >
.highlight { background-color: yellow; color: red; }
< javascript >
$(document).ready(function(){
var strKey = '스트링'; // 하이라이트를 적용할 스트링
if(strKey != ''){
$('.line').highlight(strKey); //line class에 해당하는 요소들에서 strKey 값들을 하이라이트 처리
}
});
위 css는 배경색을 노랑색, 텍스트는 빨간색으로 표현하고 스크립트는 위와 같이 간단하게 사용하시면 됩니다.
※ jquery.highlight.js를 사용하려면 Jquery core js를 함께 포함하셔야 합니다.
[javascript] window.open 사용시 잘못된 인수 오류 (0) | 2013.02.07 |
---|---|
[javascript] IE7과 관련하여 유의할점 (0) | 2013.02.05 |
[jquery] 웹접근성 관련 slideDown을 사용하지 않은 아코디언 메뉴 (0) | 2012.11.28 |
[javascript] button 태그에서 onClick의 스크립트가 동작하지 않을때 (0) | 2012.11.22 |
[javascript] jQuery slideToggle 메뉴 (1) | 2012.11.22 |