웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
두가지 색으로 깜박거리는 텍스트
2006.03.17 12:43
http://www.nzeo.com/bbs/zboard.php?id=p_javascript&no=66
위의 링크의 소스와 비슷하면서 다릅니다.
이 소스에선 두가지 색상이 교대로 깜박거립니다.
<script language="javascript" type="text/javascript">
<!--
/*
Flashing text color Script- ? Dynamic Drive (www.dynamicdrive.com)
Visit http://www.dynamicdrive.com for this script
Credit must stay intact for use
*/
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""
if (crosstable){
if (crosstable.style.color.indexOf("green")!=-1)
crosstable.style.color="red"
else
crosstable.style.color="green"
}
}
setInterval("flashit()", speed)
//-->
</script>
head부분에 넣어줍니다.
<div id="myexample" style="color: green;"> 깜박거리는 텍스트로 변신완료</div>
body 부분에 넣어줍니다.
스크립트와 스타일에서 색상은 얼마든지 변화할수있습니다.
id랑 style만 지정해주면 어떠한 태그에서도 적용가능합니다.
※파이어폭스와 익스에서 표현됩니다.
출처 http://www.dynamicdrive.com/dynamicindex11/other2.htm
이쪽에선 border- 테두리를 깜박이게 하는건데 텍스트로 변신시켰습니다.
위의 링크의 소스와 비슷하면서 다릅니다.
이 소스에선 두가지 색상이 교대로 깜박거립니다.
<script language="javascript" type="text/javascript">
<!--
/*
Flashing text color Script- ? Dynamic Drive (www.dynamicdrive.com)
Visit http://www.dynamicdrive.com for this script
Credit must stay intact for use
*/
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""
if (crosstable){
if (crosstable.style.color.indexOf("green")!=-1)
crosstable.style.color="red"
else
crosstable.style.color="green"
}
}
setInterval("flashit()", speed)
//-->
</script>
head부분에 넣어줍니다.
<div id="myexample" style="color: green;"> 깜박거리는 텍스트로 변신완료</div>
body 부분에 넣어줍니다.
스크립트와 스타일에서 색상은 얼마든지 변화할수있습니다.
id랑 style만 지정해주면 어떠한 태그에서도 적용가능합니다.
※파이어폭스와 익스에서 표현됩니다.
출처 http://www.dynamicdrive.com/dynamicindex11/other2.htm
이쪽에선 border- 테두리를 깜박이게 하는건데 텍스트로 변신시켰습니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[동영상] 제2강 연산자 [1] | 인테리어뱅크 | 2006.04.11 |
[동영상] 제1강 자바 스크립트의 기본 개념 | 인테리어뱅크 | 2006.04.11 |
페이지를 풀창으로 띄우는 방법 [1] | 인테리어뱅크 | 2006.04.11 |
드래그금지 태그 풀어보기 [2] | 인테리어뱅크 | 2006.04.10 |
홈페이지 TOP 버튼 만들어 보기 [7] | 인테리어뱅크 | 2006.04.10 |
마우스 따라다니 면서 원형을 그리면서 돌아가는것... | 왜,그러지 | 2006.04.07 |
DHTML 계산기 | 왜,그러지 | 2006.04.05 |
마우스 따라다니는 아날로그 시계 [1] | 왜,그러지 | 2006.04.05 |
텍스트 위에 네온 빛이 이동하는 효과.. | 왜,그러지 | 2006.04.05 |
3D 메세지 나타나기... | 왜,그러지 | 2006.04.05 |
두가지 색으로 깜박거리는 텍스트 | keymove | 2006.03.17 |
게임상의 캐릭터와 대화하는 것 같이 보이기(?) [4] | 세강 :D | 2006.02.24 |
firefox에서 location.href안 먹힐 때 해결법 [1] | 꿀벙이 | 2006.02.24 |
[동영상강좌] 제20회차 - 다중 if문 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제19회차 - 조건문 if 알아보기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제18회차 - 문자열 연산자, 조건연산자 알아보기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제17회차 - 논리연산자, 비교연산자 알아보기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제16회차 - 산술연산자, 할당연산자, 증감연산자 알아보기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제15회차 - 변수 선언하기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제14회차 - 스크립트내 html삽입하기 | 아이티스터디 | 2006.02.02 |