채택완료

제이쿼리 질문좀드리겠습니다.

2019-09-13 (금) 01:27:02 3,694

안녕하세요 제이쿼리 질문좀 드리겠습니다.

게시판에서요  .css_bg 라는 배경색상 #fff 이라는 소스가 있는데요.

이거를 새로고침시 ff0000 000  등 8개 색상으로 변경하게끔 하고싶은데요

소스를 다찾아봐도 새로고침시 전체 게시물 동시에 색상이 변경이 되는데

개별적으로 변경되게 하는방법 없을까요 ?

|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트

질문이 좀 애매하네요.

새로 고침시.. 라고 하면 한번 페이지에 온게 아니라 와서 새로고침을 꼭 체크를 해야 한다는 말인지.. 그냥 게시판에 접근할 때마다 어떤 효과가 나야 한다는 것인지..

만약 .css_bg 의 색상이 랜덤하게 바뀌게 하고 싶으시다면 아래처럼...

Copy
<script>

$(document).ready(function() {

    let colors = ['#ff0000', '#000', '#fff' ...];

    let color = colors[Math.floor(Math.random()*colors.length)];

    $('.css_bg').css('background-color', color);

});

</script>

만약, 페이지에 .css_bg 클래스를 가지는 element 가 8개 있고 색상을 할당하고 싶으신 거라면

eyekiss 님이 말씀하신 것처럼..

Copy
<style>

.css_bg1 { background-color: #ff0000; }

.css_bg2 { background-color: #ff0000; }

/* 계속 추가.. */

</style>

 

하시고, 실제 페이지에서.. 위 클래스들을 .css_bg 클래스를 갖는 element 들에 추가하시면 됩니다.

만약.. 게시판 목록들에 8가지 색상을 추가하고 싶으신 거라면.. 그냥 list.skin.php 파일의 반복문에 색상을 지정해 주시면 됩니다.

Copy
<?php

$colors = array('#ff0000', '#000', '#fff');

for($i=0; $i<count($list); $i++) {

      $color = $colors[array_rand($colors)];

      echo '<tr style="background-color:'.$color.'">';   // <-- 스킨 상황에 맞게 적용

      .....

}

와우 상단에 명답이 있네요 랜덤으로 0-7의 숫자를 만들고

배열에 색깔을 8개 넣고 랜덤으로 하나씩 가져오는것입니다.

8개 색상별로 class 명을 지정하여 선언하고,

각 게시물별로 class를 지정한 8가지가 각각 적용되도록 하면 됩니다.

답변에 대한 댓글 1개

2019-09-13 (금) 02:19:01
방법을 몰라서 그러는데 알려 주시면 안될까요 ㅠㅠ?

답변을 작성하려면 로그인이 필요합니다.