BLOG ARTICLE 칼라랜덤 | 1 ARTICLE FOUND

  1. 2020.11.30 폰터색상을 랜덤으로 출력하기

반응형

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

 

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>

 

문하우스 첫페이지의 "공지사항"과 "컴퓨터팁"의 제목글의 색상이 랜덤으로 바뀝니다.

반응형
AND