테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 질문좀드리겠습니다. 채택완료

코딩초보1 6년 전 조회 3,398

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

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

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

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

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

 

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

답변 3개

채택된 답변
+20 포인트

질문이 좀 애매하네요.

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

 

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

</p>

<p><script></p>

<p>$(document).ready(function() {</p>

<p>    let colors = ['#ff0000', '#000', '#fff' ...];</p>

<p>    let color = colors[Math.floor(Math.random()*colors.length)];</p>

<p>    $('.css_bg').css('background-color', color);</p>

<p>});</p>

<p></script></p>

<p>

 

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

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

</p>

<p><style></p>

<p>.css_bg1 { background-color: #ff0000; }</p>

<p>.css_bg2 { background-color: #ff0000; }</p>

<p>/* 계속 추가.. */</p>

<p></style></p>

<p> </p>

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

<p>

 

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

</p>

<p><?php</p>

<p>$colors = array('#ff0000', '#000', '#fff');</p>

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

<p>      $color = $colors[array_rand($colors)];</p>

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

<p>      .....</p>

<p>}</p>

<p>

로그인 후 평가할 수 있습니다

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

6년 전

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

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

로그인 후 평가할 수 있습니다

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

e
6년 전

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

코딩초보1
6년 전
방법을 몰라서 그러는데 알려 주시면 안될까요 ㅠㅠ?

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

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

로그인