이미지에 그림자 적용하고 클릭하면 눌러지는 효과
페이지 정보
작성자 서방님 댓글 0건 조회 83회 작성일 07-08-11 15:51본문
<html>
<head>
<title>BLUEB</title>
<style>
<!--
.popshadow{
position:relative;
left:-3;
top:-3;
filter:shadow(color=skyblue,direction=135)
}
-->
</style>
</head>
<body>
<script language="JavaScript1.2">
function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-3
}
}
}
if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}
</script>
<B>원본이미지 :<br></B>
<img src="http://www.blueb.co.kr/SRC/javascript/image/plane3.gif" border=0><p>
<B>적용이미지 :<br></B> 이미지를 클릭해보세요.<br>
<a href="#"><img src="http://www.blueb.co.kr/SRC/javascript/image/plane3.gif" class="popshadow" border=0></a>
댓글목록
등록된 댓글이 없습니다.
