본문 바로가기 메뉴 바로가기

잡동사니

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

잡동사니

검색하기 폼
  • 분류 전체보기 (944)
    • 전기전자 (64)
      • 정보 (12)
      • 실험 (9)
      • Tools (10)
      • PLC (25)
      • 설계&도면 (7)
      • AVR (1)
    • Mobile&PMP (63)
      • 정보&잡동 (53)
      • 벨소리 (9)
    • PC&웹 (364)
      • 소프트웨어 (42)
      • 하드웨어&튜닝 (73)
      • 정보&기술 (94)
      • 웹프로그래밍 (49)
      • VS프로그래밍 (44)
      • Arduino (25)
      • RaspberryPi (9)
      • 그래픽&디자인 (27)
    • 취미 (354)
      • 게임 (45)
      • PlayStation (24)
      • DIY (56)
      • 자동차 (32)
      • RC (41)
      • 총 (11)
      • 사진 (34)
      • 요리 (11)
      • 여행 (12)
      • 잡것 (45)
      • 리뷰 (43)
    • 기타 등등 (97)
      • 정보 (37)
      • 알짜 (18)
      • XE (32)
      • 비공개 (0)
      • 휴지통 (2)
  • 방명록

jQuery (26)
(jQuery) 블로그에 로딩 중 표시하기

준비물: (jQuery) 연결하기 이 블로그에 적용되어 있다.HTML에서 로딩 메시지 코드를 추가한다. 문서 상단에 추가할 수록 빨리 보인다. 바로 밑에 넣어도 된다. 로딩 중... CSS에 추가한다. #loading { border: 1px #000 solid; background-color: #eee; font-size:20pt !important; color:#000; text-align:center; top: 50%; left: 50%; padding-top: 10px; margin: -100px 0 0 -50px; width: 200px; height: 100px; z-index:10; position: absolute; } width, height를 알맞게 바꾼 후, margin의 top, l..

PC&웹/웹프로그래밍 2010. 2. 5. 19:14
(jQuery) 태그 목록 섞기

준비물: (jQuery) 연결하기 미리보기 http://simulz.com/tag 관련글: (jQuery) 티스토리 태그 목록 컬러풀하게~ 새로고침할 때마다 목록이 섞인다. ABC, 가나다였던 태그 목록을 랜덤 정렬로 변경해보았다. $.shuffle Plugin http://mktgdept.com/jquery-shuffle 위 사이트에서 js 파일을 내려 받고 사이트나 블로그에 업로드 한다. HTML HEAD에 아래 코드를 추가하여 JS를 연결한다. $('.taglog li').shuffle(); $('.taglog li') taglog 클래스를 가진 요소의 자식 중에서 li 요소들을 선택한다. $.shuffle(selector) 처럼 사용 가능하다.

PC&웹/웹프로그래밍 2010. 2. 5. 17:56
(jQuery) 티스토리 태그 목록 컬러풀하게~

준비물: (jQuery) 연결하기 미리보기 http://simulz.com/tag 새로고침 할 때마다 색상과 크기가 변한다. 많아야 5가지 색상과 크기뿐이었던 태그 목록을 랜덤 색상, 크기로 변경해보았다. 목록 섞기: (jQuery) 태그 목록 섞기 var getRandomRGB = function() { return '#' + Math.floor(Math.random()*16777216).toString(16); } var getRandomNumber = function(f, t) { var num = -1; while(f > num) num = Math.floor(Math.random() * (t+1)); return num; } $('.taglog li a').each(function() { $(t..

PC&웹/웹프로그래밍 2010. 2. 5. 14:20
(jQuery) 티스토리 달력 토요일 색상 변경

준비물: (jQuery) 연결하기 달력의 토요일을 아래처럼 파란색으로 변경해보자. $('.tt-calendar tr :nth-child(7)').removeClass('cal_day3').css('color','#0000ff'); $('.tt-calendar tr') tt-calendar 클래스를 가진 요소의 자식 중에서 tr 요소의 자식 요소들을 선택 :nth-child(index) 7번째 자식 요소(tr의 자식은 td)를 선택 .removeClass(class) 필요없는 내용이지만 확실히 해주려고... cal_day3 클래스를 제거한다. .css(key, value) color 속성의 값을 #0000ff 로 지정한다.

PC&웹/웹프로그래밍 2010. 2. 4. 14:27
이전 1 2 3 4 5 6 7 다음
이전 다음
반응형
최근에 올라온 글
  • 후방 카메라 조작 스위치⋯
  • 스팀 게임 다운로드 속도...
  • STL, M10x1.25 수동 기어⋯
  • 3D 프린터 슬라이서, Cura⋯
최근에 달린 댓글
  • 중고가 5만원도 안 될 것 같⋯
  • 2L 정말 작아요. 몇번 테스트⋯
  • 안녕하세요. 댓글을 쓸 수 있⋯
  • 본문에 STL 파일 첨부되어 있⋯
TAG
  • 봉고3
  • 금도금
  • SCX10
  • 아두이노
  • M4A1
  • aliexpress
  • 그란투리스모5
  • 제로보드 XE
  • 열화상
  • 샤오미
  • 위젯
  • FSX
  • 3D프린터
  • C#
  • Asus
  • PLC
  • php
  • G3
  • PS3
  • 알리익스프레스
  • 가상PC
  • RC
  • arduino
  • LED
  • 종이모형
  • jQuery
  • 타미야
  • d2
  • VB6
  • cctv
more
링크
  • 경찰청
  • 안전신문고
  • 식품의약품안전처
  • 관세청
  • 국세청
  • Your GeoIP
«   2022/05   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
글 보관함
  • 2022/05 (3)
  • 2022/04 (4)
  • 2022/03 (7)
  • 2022/02 (7)
  • 2022/01 (6)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바