색상을 랜덤으로 출력하기

제목 그대로 글 색상을 랜덤으로 출력하는 방법입니다.

 

html파일에 script를 아래와 같이 작성

<script>

jQuery(function($){
    for(var i=0 ; i < $(".random_colors").length; i++){
        var f_color = "#"+(parseInt(Math.random()*0xffffff)).toString(16);
        $(".random_colors").eq(i).css("color",f_color);
    }
});

</script>

 

랜덤으로 출력하고자 하는 코드에 class를 random_colors 로 지정하면 됩니다.

<div class="top_title random_colors" style="font-family:Nanum Pen Script; font-size:20px">{$val->getTitle()}</div>