반응형
# 블링크 텍스트 깜박이는 문자 예제 소스아래는 계속해서 깜박이는 예제를 만들어보려 합니다. 먼저 이 코드를 실행하면 어래처럼 매우 반짝이는 효과를 가진 텍스트가 보이게됨니다.
TEST :
그렇다면 소스코드는 어떻게될까요? 아래는 제이쿼리를 사용하여 구현한 소스 코드입니다.
@ blink.html
<span>TEST : </span>
<span class="blinkEle">Blink Text</span>
<span class="blinkEle">Blink Text</span>
아래는 제이쿼리 소스코드입니다.
@ blink.js
setInterval(function(){
$(".blinkEle").toggle();
}, 250);
$(".blinkEle").toggle();
}, 250);
이제 깜박이는 텍스트 구현이 완성되었습니다. 여기에 사용된 toggle() 메소드는 특정 요소에 사용할 경우 해당 엘리먼트를 숨기고 보여주는 것을 반복합니다.
위 코드의 장점은 제이쿼리 선택자로 모든 클래스에 사용하였기 때문에 모든 요소를 찾아 적용시킨다는 것입니다. 깜박여야 할 요소가 많아도 모두 잘 동작합니다.
반응형
'사이트관리 > 그누보드 소스' 카테고리의 다른 글
로또번호 생성기 소스 ( 자바스크립트 ) (0) | 2019.03.07 |
---|---|
그누보드5 전용 구글사이트맵 sitemap(SEO) 생성기 (0) | 2019.03.05 |
일청한 추천수/조회수를 달성하면 게시글이동 (0) | 2019.03.05 |
아미나 게시글 신고기능을 관리자가 쪽지 확인 (0) | 2019.03.03 |
스펨게시물 차단 아이피 정리 (0) | 2019.02.26 |
검색 키워드 앞에 = 인기검색어 추출 = (0) | 2019.02.25 |
HTML <head> 태그 (0) | 2019.02.22 |
윈머지 (= 파일비교프로그램) 소개 (0) | 2019.02.19 |