skill/HTML.Javscript.CSS

자동 색 변경_javascript, jquery

have a nice day :D 2017. 1. 17. 13:38
반응형

html 화면 구성시 포인트 주고 싶을때!

java / jquery / css / html 


* javascript

var color_arr = ["#ff0000","#0006ff","#dde663","#000","#179850"]; //색상설정

var index=0;

$(document).ready(function() {

setInterval(function(){

if((index) > color_arr.length){index=0;}

$([ID값]).css("border-color",color_arr[index++])

}, 500); // 500ms 로 변경

});

전 밑줄에 포인트 주고 싶어서 사용했어요.

색이 빨강, 파알, 노랑, 흰색, 초록 으로 변경 되는걸 보실 수 있을거에요.

(위 색상이 정확히 맞는지 모름ㅠ)

색상 설정에 원하는 색 넣어주심 됩니다~


밑줄 : border-color

글자색 : color

배경 : background


이런식으로 css 부분에 변경하길 원하시는 부분 넣어주심 되겠습니다.



그럼..

전 일하러..

ㅠㅠ

반응형