시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
> 커뮤니티 > 질문과답변 상세보기
커뮤니티 구인구직
사이트등록
현재접속자 새로고침
게시판타이틀 질문과답변 / 상세보기
트위터로 보내기 미투데이로 보내기 싸이월드 공감
추천수 404 | 조회수 6,264 | 등록일 2016-04-29 13:46:11

닉네임

슈퍼DEV

이메일

제목

몇가지 수정해 보았습니다.
내용

잘 만드셨네요~!

5가지 색깔만 사용하시려면 사용하시기 위한 5가지 색을 배열로 지정해 주고
배열에서 랜덤으로 돌리면 될것 같습니다.

아래 붉은 색 끌시 부분을 바꾸어 보았습니다.

----------------------------------------------------------------------------
<script>
    function randomColor() { 
        var colors = ["#ff0000", "#00ff00", "#0000ff", "#f0f0f0", "#0f0f0f"]; // 5가지 색 지정
        return colors[Math.floor(Math.random() * 5)]; // 5가지 랜덤 선택 return
    }
</script>
<head>
    <style>
      div {
        position: relative;
        float: left;
        display: inline-block;
        margin-right: 15px;
      }
    </style>
 
    <script type="text/javascript">
      function randomColors() {
        document.write("<div style='color:" + randomColor() + ";'>"); // 선택된 색 출력
      }
    </script>
    </head>
 
<body>
<div>
<script>randomColors()</script>Sentence1 </div>
----------------------------------------------------------------------------

도움이 되었는지 모르겠습니다.

그런데 헥사코드로 조합해서 RGB코드를 5가지색으로 만들어야 하나요?
랜덤으로 컬러를 만들면 다른색이지만 차이가 안나 보일수도 있습니다.
많은 색을 요구 하는것이 아니라면 지정해서 사용하는것이 좋을듯 합니다.
추천스크랩소스보기 목록
이전게시글 페이지 로드시 텍스트컬러가 랜덤하게 돌아가는 스크립트 작업중입니다 2016-04-16 09:45:18
다음게시글 sha2 인증서 관련 문의 입니다 2016-05-12 15:46:25