프로그래밍
첫 페이지 랜덤 글 회원가입 로그인
비공개 손님 … 2016-06-14 17:13:00
[html] 글자가 깜빡이는거요..

http://web-nara.com/bbs/board.php?bo_table=bo_f_3&wr_id=143&page=4

이런거 쓰면 깜빡거리게 할 수 있던데

3회 깜빡이고 멈추게 하려면 어떻게 해야 할까요?


질문 | 1405명이 읽었어요. 3.143.244.83

0
1 비공개 손님 … 2016-06-14 17:20:55
$(객체).animation({color:색1},500).animation({color:색2},500).animation({color:색1},500).animation({color:색2},500).animation({color:색1},500).animation({color:색2},500)

계속 이어쓰면 끝나고 다음꺼 콜해요
2 비공개 손님 … 2016-06-14 17:23:07
예제는 스크립트 날코딩이라 복잡해보이는데 제이쿼리 에니메이션 갖다쓰면 간단하지말입니다
3 비공개 손님 … 2016-06-14 17:35:04
크 감사합니다
4 비공개 손님 … 2016-06-15 04:24:49
위 예시를 이용하여

<html>
<head>
<sclipt language='Javasclipt'>
<!--
function doBlink(n) {
var start = 1;
var end = n ? n : 3;
var el = setInterval(function(){
start++;
var blink = document.getElementsByTagName("BLINK");
for (var i=0; i < blink.length; i++) {
blink[i].style.visibility = (blink[i].style.visibility =="visible") ? "hidden":"visible";
}
if(start/2 == end) clearInterval(el);
},500);
}
if (document.all) doBlink();
//-->
</sclipt>
</head>
<body>

<blink>모든웹</blink>
</body>
</html>

이런식으로 사용하셔도 됩니다

doBlink(n); n 에 원하는 회수를 입력하면 그만큼, 아닐경우엔 3번 끔뻑끔뻑 하는거에요
5 비공개 손님 … 2016-06-15 11:39:58
ie9 이하를 포기하셔도 된다면...

.blink {
animation: blinker 1s linear 3;
}

@keyframes blinker {
50% { opacity: 0.0; }
}
댓글을 작성하실 수 없습니다.
(권한이 없는 회원레벨)
목록으로
이용약관 | 광고/제휴 | 개인정보취급방침 | 문의/신고 | 모바일 TE31 | 서버 부하 : 4.25%
실시간 Issue 커뮤니티 TE31 [알지롱] ⓒ 2002-2024 		TOP arrow_upward