본문 바로가기

javascript

텍스트의 테두리가 반짝입니다

특정 문장을 강조하기 위해 사용될수 있는 스크립트 입니다. 너무 많이 사용하면 지저분해 질수도 있겠지만 플래시나 이미지 도구들을 사용하지 않고 자바스크립트와 익스플로러의 필터를 사용하여 만족할만한 효과를 얻을 수 있겠군요.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE>Script </TITLE>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<style>
<!--
#glowtext{
filter:glow(color=lightgreen,strength=3); /*이곳에서 테두리 색상과 강도를 설정 하세요 */
width:100%;
}
-->
</style>

<script language="JavaScript1.2">

function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<BODY>

<!---- [2단계] 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>

<div id="glowtext">
이곳에 있는 텍스트는 테두리가 반짝입니다<br>
<a href="http://www.hanmir.com">한미르 홈페이지</a>
</div>

<!------------------------- 여기까지 ---------------------------------->

</BODY>
</HTML>