Jquery 텍스트 하이라이트 플러그인
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://johannburkard.de/resources/Johann/jquery.highlight-3.js"></script>
<style>
.highlight { background-color: yellow }
</style>
<div id="highlight-plugin">
<ul>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('가나다라'));">가나다라</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('마바사아'));">마바사아</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('자차카타'));">자차카타</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('파하'));">파하</a></li>
</ul>
<p><a href="javascript:void($('#highlight-plugin').removeHighlight());">Remove highlights</a></p>
</div>
<script type="text/javascript" src="http://johannburkard.de/resources/Johann/jquery.highlight-3.js"></script>
<style>
.highlight { background-color: yellow }
</style>
<div id="highlight-plugin">
<ul>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('가나다라'));">가나다라</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('마바사아'));">마바사아</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('자차카타'));">자차카타</a></li>
<li><a href="javascript:void($('#highlight-plugin').removeHighlight().highlight('파하'));">파하</a></li>
</ul>
<p><a href="javascript:void($('#highlight-plugin').removeHighlight());">Remove highlights</a></p>
</div>
http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.