웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩두문장을 blur효과주며 보여주기
2002.02.26 20:46
==================================================================
미리보기: http://my.dreamwiz.com/dong0987/study20.htm
롤오버 이미지에서 blur효과를 주듯 텍스트 문장을 차례대로 보여주면서
중간에 blur효과를 줍니다.
===================================================================
소스
====================================================================
<HEAD>
<STYLE TYPE="text/css">
H2 {font-family: Arial; font-size: 30pt; color: #ffff00; background-color: #ffffff;}
H2.before { color: #009900; background-color: #ffffff;}
</STYLE>
<script>
function filterApply() {
blendTrans.filters[0].Apply();
blendTrans.innerHTML = "<h2>첫번쨰 할말</h2>";
blendTrans.filters[0].Play(5);
}
</script>
</HEAD>
<BODY BGCOLOR=#222222 onLoad="filterApply();">
<DIV ID="blendTrans" STYLE="position: absolute; width: 300; height: 100; top: 150; left: 180; filter: blendTrans(duration=8)">
<H2 CLASS=before>두번째 할말</H2>
</DIV>
</BODY>
미리보기: http://my.dreamwiz.com/dong0987/study20.htm
롤오버 이미지에서 blur효과를 주듯 텍스트 문장을 차례대로 보여주면서
중간에 blur효과를 줍니다.
===================================================================
소스
====================================================================
<HEAD>
<STYLE TYPE="text/css">
H2 {font-family: Arial; font-size: 30pt; color: #ffff00; background-color: #ffffff;}
H2.before { color: #009900; background-color: #ffffff;}
</STYLE>
<script>
function filterApply() {
blendTrans.filters[0].Apply();
blendTrans.innerHTML = "<h2>첫번쨰 할말</h2>";
blendTrans.filters[0].Play(5);
}
</script>
</HEAD>
<BODY BGCOLOR=#222222 onLoad="filterApply();">
<DIV ID="blendTrans" STYLE="position: absolute; width: 300; height: 100; top: 150; left: 180; filter: blendTrans(duration=8)">
<H2 CLASS=before>두번째 할말</H2>
</DIV>
</BODY>
댓글 3
-
izzard
2002.02.27 12:21
페이지가 없데요... -
▩윤미
2002.02.27 12:49
저는 잘보이는데 ~~-_-;; -
몰라몰라
2002.04.26 14:37
blur효과가 아니라 fade in/fade out 아닌가요? 진짜 blur효과가 날순 없을까요?
제목 | 글쓴이 | 날짜 |
---|---|---|
▩시작 정지가 가능한 테이블 스크롤 메시지 | ▩윤미 | 2002.02.27 |
▩휠마우스처럼 사용하기.. [6] | ▩윤미 | 2002.02.26 |
▩두문장을 blur효과주며 보여주기 [3] | ▩윤미 | 2002.02.26 |
▩자바스크립, 계산기 소스 (기본) [2] | ▩윤미 | 2002.02.26 |
▩문서선택 &소스선택을 위한 셀렉트 스크립트 | ▩윤미 | 2002.02.26 |
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] | ▩윤미 | 2002.02.26 |
▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
▩셀블렌딩( 테이블 색 서서히 변화주기효과) | ▩윤미 | 2002.02.26 |
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) | ▩윤미 | 2002.02.26 |
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] | ▩윤미 | 2002.02.26 |
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] | SM | 2002.02.25 |
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] | SM | 2002.02.25 |
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 | SM | 2002.02.25 |
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] | SM | 2002.02.25 |
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* | choice | 2002.02.25 |
▩(JAVA)랜덤으로 이미지 출력 되기 [1] | ▩윤미 | 2002.02.24 |
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] | SM | 2002.02.24 |
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 | SM | 2002.02.24 |
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] | SM | 2002.02.24 |
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] | SM | 2002.02.24 |