• 목록
  • 아래로
  • 위로
  • 12
  • 모니터
  • 조회 수 241

재미있는 것이 맞는지는 모르겠지만.. XE타운 좀 따라해봤어요.

좋은 아이디어인것 같아서.. 일단 비효율적인 코드를 정리하고 싶은데 도움 좀 부탁드려요~Screenshot 2017-10-04 at 06.02.35.png

일단 이놈입니다. 개인적으로 쓰려고 위젯으로 만든거라 단순하게 제 사이트에 맞게 디자인 한 겁니다 ㅎㅎ

XE타운에도 물어봤는데.. 영 답을 얻기가 어려워서 훨씬 활발한(?) 이 사이트에 조언을 구합니다!

 

아래는 위젯의 핵심 코드 중 하나 입니다~

보시는 것 처럼 각 변수에 값을 매기고 싶어서 같은 코드를 중복으로 사용하고 있어요.

이게 1~2가지면 문제 없는데 2개 이상인 경우 보기가 the love 잖아요.

어떻게 이 소스를 줄이면 좋을까요?~ 아이디어 주세yo~ 뿌우!

 

stf_pgr= '#'; stf_pgr2= '#';
var clr= ['6475A0', '5e5f67', 'c37070', 'bf7aa3'];

stf_pgr+= clr[Math.floor(Math.random() * clr.length)];
stf_pgr2 += clr[Math.floor(Math.random() * clr.length)];

$('.ad_shortcut_bg_bt_btn').css({ "background": stf_pgr});
$('.ad_shortcut_bg_bt_btn2').css({ "background": stf_pgr2});

 

헤헷.

작성자
모니터 45 Lv. (53%) 165920/169280EXP

사랑합니다~ 행복합니다~♥

댓글 12

모니터 작성자
profile image

그리고 혹시 new 메뉴 모듈 쓰시는 분 있다면 질문 좀 하고 싶습니다! (쓰시는 분은 손 흔들어주세요~)

comment menu
2017.10.04. 06:13

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit
profile image

크게 2가지 방법이 있겠네요. 저 기능을 하는 코드를 따로 함수로 만들어서 관리를 하는 방법이 있고, 아니면 배열과 for문을 조합하는 방법이 있습니다.

comment menu
2017.10.04. 12:53

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 작성자 → humit
profile image

배열로 만드는걸 저도 생각했었긴한데..흠..

어떻게 짜면 되는지 모르겠어요 ㅠㅠ

도와주실 수 있을까요?~

comment menu
2017.10.04. 18:28

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit → 모니터
profile image

일단 .ad_shortcut_bg_bt_btn, .ad_shortcut_bg_bt_btn2 원소에 .ad_shortcut_btn 클래스도 추가해준다음 아래 코드를 사용하시면 됩니다.
(function(){
    var clr = ['6475A0', '5e5f67', 'c37070', 'bf7aa3'];
    var elem = $('.ad_shortcut_btn');
    for (var i = elem.length - 1; i >= 0; i--) {
        $(elem[i]).css({"background": "#" + clr[Math.floor(Math.random() * clr.length)]});
    }
}());
 

comment menu
2017.10.05. 09:08

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 작성자 → humit
profile image

옹. . 나중에 한번 해볼게요! 감사합니다>_<

comment menu
2017.10.05. 13:01

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit → 모니터
profile image
+1

즉 https://jsfiddle.net/Leqp7po3/ 이런 식으로 되면 됩니다.

comment menu
2017.10.05. 09:10

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 작성자 → humit
profile image

적용했습니다! 감사합니다!!! 잘 작동하네요 ㅎㅎ

덕분에 짧은 코드만으로 이렇게 작동이 되네요 b

comment menu
2017.10.06. 02:15

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah
profile image

var알못이라 ㅋㅋ

새글 알림 모듈은 여기서도 사용중입니다.

comment menu
2017.10.05. 00:03

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 작성자 → NoYeah
profile image

그렇네요 ㅠㅠ..

New버튼을 메뉴가 뒤가 아니고 앞으로 출력하고 싶은데..

어떻게 하면 될까요? ㅠㅠ.. controller.php 에서 float:left; 하면 위치가 안 맞고..ㅠㅠ

comment menu
2017.10.05. 01:31

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah → 모니터
profile image

나중에 한번 살펴볼게요. 지금은 저도 볼만한 상황이 아니라서 ㅋㅋ

 

무엇보다 저도 잘 몰라요 ㅋㅋㅋㅋㅋㅋㅋ

comment menu
2017.10.05. 09:54

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

마스터 → NoYeah
profile image
축하합니다! 맛스타님! 해당 글을 작성해서 20에 당첨되었습니다!
comment menu
2017.10.05. 09:54

신고

"마스터님의 댓글"

이 댓글을 신고 하시겠습니까?

모니터 작성자 → NoYeah
profile image

네 ㅜㅜ 감사합니다 ㅜㅠ

comment menu
2017.10.05. 13:03

신고

"모니터님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 마스터 24.09.05.16:25 2190
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 9046
공지 낚시성 불법도박 홍보 게시글을 주의하세요. 9 image 네모 네모 22.08.09.18:13 2835
공지 슬기로운 포인트 벌이를 하는 법 (22.10.11 업데이트) 64 네모 네모 18.06.17.20:25 17549
2574 라떼판다 or 공유기 개조 20 Nginx Nginx 18.11.22.18:59 647
2573 팽이버섯텅비드냉채 7 image 국내산라이츄 국내산라이츄 18.11.22.20:05 143
2572 아... 우울합니다... s.2 (과학편 1) 2 image title: 대한민국 국기gimmepoint 18.11.22.20:51 357
2571 애니메이션+모델링은 귀찮습니다. BVC_Liper_Okbul BVC_Liper_Okbul 18.11.22.23:49 166
2570 학교 축제 중입니다. 31 image 제르엘 제르엘 18.11.23.10:58 324
2569 BULTI1J BULTI Y711 DOTOL DOTOL2P 6 image 갱생협스 갱생협스 18.11.23.12:36 715
2568 사진 투척 21 2 image 네모 네모 18.11.23.14:05 148
2567 포코폰이 왔습니다 그런데... 5 Kongjak Kongjak 18.11.23.19:19 209
2566 각종 잡담 8 제르엘 제르엘 18.11.23.22:30 250
2565 학생 오피스365, 넷피스24 10 image Nginx Nginx 18.11.24.00:01 257
2564 무비메이커는 정말 그지같습니다. 6 국내산라이츄 국내산라이츄 18.11.24.03:00 247
2563 불법 사이트들이 근절되었네요~ ^^ 21 image 이니스프리 이니스프리 18.11.24.03:18 862
2562 어도비 학생 할인 받는 법이 왜 이리 간단하죠? 3 image 제르엘 제르엘 18.11.24.08:25 8219
2561 우왕 눈이와요!!!!!! 7 슬기 슬기 18.11.24.09:47 145
2560 이런이런 집에 인터넷이랑 티비랑 다 안되요..흐!!!!!!!!! 2 슬기 슬기 18.11.24.15:18 593
2559 네이버신을 믿으세요! 네신!! image Nginx Nginx 18.11.24.15:29 198
2558 똥꼬똥꼬안에 신조 오딧세이 구매했습니다. 11 image NoYeah NoYeah 18.11.25.14:32 218
2557 인터넷이 복구 되긴했는데 불안불안하네요.. 2 image 슬기 슬기 18.11.25.14:48 141
2556 네신 사용후기 4 image 모니터 모니터 18.11.25.18:55 205
2555 드디어 헤더 만들었어요! 12 image joyful title: 에그joyful 18.11.25.18:56 223