이미지에 섬광 효과 주기

인터넷정보

이미지에 섬광 효과 주기

알 수 없는 사용자 2007. 10. 18. 13:44

<html>
<head>
<title>이미지에 섬광 효과 주기</title>
<style><!--
#spotlight {filter:light}
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body>
이미지에 섬광 효과 주기<span
style="font-size:9pt;"><IMG height=30 src="http://oxtag.com/html/img/banner/jjin_tagpia.gif" width=90> 스크립트 적용 전
<IMG id=spotlight height=30 src="http://oxtag.com/html/img/banner/jjin_tagpia.gif" width=90 speed="50"> 스크립트 적용
후
마치 어두운 밤에 여기저기 손전등을 비추는 듯, 평범한 이미지에 섬광효과를 줍니다.
<head>와 </head> 아래 소스를 넣어 줍니다.
<style><!--
#spotlight {filter:light}
--></style>
<body>와 </body> 사이에 아래와 같은 식으로 이미지 태그 안에 id="spotlight"
speed="50" 를 추가합니다.
<img id="spotlight"
speed="50" src="http://oxtag.com/html/img/banner/jjin_tagpia.gif">
50 은 속도. 큰 수일수록 속도 느림
</body> 바로 앞에 아래 소스를 넣어 줍니다.
<script language="JavaScript1.2">
/* Moving light on image script ?Dynamic Drive
(www.dynamicdrive.com) For full source code, installation
instructions, 100's more DHTML scripts, and Terms Of Use, visit
dynamicdrive.com */
if
(document.all&&window.spotlight){ var x=new Array() var
direction=new Array() var y=new Array() if
(spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for
(i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } }
function
slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1)
if
(x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else
if
(x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else
if
(x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } }
if (document.all&&window.spotlight){ if
(spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for
(t=0;t<spotlight.length;t++){ var
temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script>
<script language="JavaScript1.2">
/*
Moving light on image script
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
if (document.all&&window.spotlight){
var x=new Array()
var direction=new Array()
var y=new Array()
if (spotlight.length==null){
spotlight[0]=document.all.spotlight
x[0]=0
direction[0]="right"
y[0]=spotlight[0].height
spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90)
}
else
for (i=0;i<spotlight.length;i++){
x[i]=0
direction[i]="right"
y[i]=spotlight[i].height
spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90)
}
}
function slidelight(cur){
spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1)
if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right")
x[cur]+=10
else if (x[cur]>spotlight[cur].width+200){
direction[cur]="left"
x[cur]-=10
}
else if (x[cur]>-200&&x[cur]<-185){
direction[cur]="right"
x[cur]+=10
}
else{
x[cur]-=10
direction[cur]="left"
}
}
if (document.all&&window.spotlight){
if (spotlight.length==null)
setInterval("slidelight(0)",spotlight[0].speed)
else
for (t=0;t<spotlight.length;t++){
var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')'
eval(temp)
}
}
</script>
</body>
</html>

'인터넷정보' 카테고리의 다른 글

이미지 슬라이드 (0)	2007.10.18
이미지 슬라이드 (0)	2007.10.18
쿠키 적용으로 체크하면 다음부터는 뜨지 않는 창 (0)	2007.10.18
쿠키 적용으로 체크하면 다음부터는 뜨지 않는 창 (0)	2007.10.18
이미지에 섬광 효과 주기 (0)	2007.10.18
자바스크립트와 테이터베이스 연동 (0)	2007.10.18
자바스크립트와 테이터베이스 연동 (0)	2007.10.18
TextField의 Align - 텍스트 정렬 및 콤마 찍기 (0)	2007.10.18
TextField의 Align - 텍스트 정렬 및 콤마 찍기 (0)	2007.10.18
텍스트 애니메이션 (0)	2007.10.18

현재글이미지에 섬광 효과 주기

무한도전, font, 레크레이션, 애드센스, 영문 우편번호, 우편번호, 새창, 바베큐, 꽃말, 셀렉트박스, 게임, EBS지식채널, 아토피, 폰트, 우편번호검색, 혈액형, 페이징, 생활의지혜, 생활의 지혜, 팝업,

Today :
Yesterday :

INFOTIP

이미지에 섬광 효과 주기

'인터넷정보' 카테고리의 다른 글

'인터넷정보'의 다른글

티스토리툴바

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

이미지에 섬광 효과 주기

'인터넷정보' 카테고리의 다른 글

'인터넷정보'의 다른글

관련글

티스토리툴바