텍스트에 형광전자펜 효과
페이지 정보
작성자 서방님 댓글 0건 조회 266회 작성일 07-08-08 17:46본문
<HTML>
<HEAD>
<TITLE>BLUEB</TITLE>
<script language="JScript">
function selector(){
if (document.all && document.getElementById){
obj = document.body.createTextRange();
obj.moveToElementText(TextToSelect);
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null && rng.compareEndPoints("StartToStart",obj)==1 && rng.compareEndPoints("EndToEnd",obj)==-1) rng.pasteHTML("<font style='background-color:red;color:white;'>" + rng.htmlText + "</font>");
else sel.empty();
}
}
}
document.onmouseup = selector;
</script>
</head>
<body>
<div id="TextToSelect">
전자 형광펜 효과를 보여 드리겠습니다. 이 곳에 있는 텍스트 중 원하는 텍스트를 마우스로 선택해 보세요. 형광펜으로 칠한듯한 효과가 나타납니다. 단, 인터넷 익스플로러 5.x 이상에서만 동작합니다. 이 예제를 보면서 어떤 곳에 응용할지 많이 고민해 보세요. 물론 형광펜 색상도 얼마든지 바꿀 수 있습니다. 소스를 조금 분석해 보면 쉽게 알 수 있습니다. 그럼 많이 고민해 보세요...</div>
</font>
댓글목록
등록된 댓글이 없습니다.
