Recent Posts
Recent Comments
DevTzu
#JavaScript - blendTrans Filter (부드러운 이미지 변경) 본문
반응형
[blendTrans Filter]
객체를 흐릿하게 또는 뚜렷하게 하는 효과
이미지 또는 텍스트 등에 시간 간격을 두고 다양한 효과를 줄때 사용
blendTrans는 단독으로는 사용 할수가 없고 스크립크와 함께 사용
※Methods
object.filters.blendTrans.apply() : 객체에 blendTrans필터 적용
object.filters.blendTrans.play(duration) : 필터효과 시작
object.filters.blendTrans.stop() : 필터효과를 정지
※Properties
duration : 적용되어지는 시간을 설정(초단위)
enabled : filter를 적용할것인지를 설정. true(default), false
<head>
<script>
<!--
function onmouse(id,url)
{
var objimg = document.getElementById(id);
objimg.filters.blendTrans.Apply();
objimg.src = url;
objimg.filters.blendTrans.Play();
}
//-->
</script>
</head>
....
<div><a href="Link URL">
<img id="imageID" src="image_src.jpg" width="150" height="150"
style="filter:blendTrans(duration=0.5)"
onmouseover="onmouse(imageID,'image_over.jpg')"
onmouseout="onmouse(imageID,'image_out.jpg')">
</a></div>
반응형
'study' 카테고리의 다른 글
| [OpenSocial] VIEWER의 프로필 정보 가져오기 (0) | 2011.03.25 |
|---|---|
| 객체지향 프로그래밍 학습 (0) | 2011.01.24 |
| #JavaScript - 이미지 저장 박스 제거 (0) | 2010.07.22 |
| #안드로이드 개발 - Intent를 이용하여 다른 Activity호출 (0) | 2010.02.12 |
| img test (0) | 2010.02.12 |
'study' Related Articles
more
Comments