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

네이버 우측 실시간 검색어 처럼 롤링되는 소스 있을까요?

오리위즈
프로필 보기이 회원 글보기
 · 14년 전 · 2343 · 4
네이버에서 검색 후 우측에 나오는..
실시간 급상승 검색어 처럼.
 
10개의 목록을 순차적으로 롤링(?)시켜주는 스크립트 없을까요?
 
한번에 하나만 나오는게 아니라..
10개의 목록이 보이되, 위에서부터 한줄씩 새로고침되는 느낌이랄까요..?
 
잠을 못자서 못찾는건지.. 검색능력이 떨어지는건지..
못찾겠네요 ㅠㅠ
 
도와주십쇼~~~~
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 4개

웹개발자
프로필 보기이 회원 글보기
 14년 전
음.. 특정 주기에 맞춰 ajax 로 데이터를 가져와서 #id 에 해당하는 value 나 innerHTML 변경해주는것으로충분할것같은데요.. 텍스트를 바꾸는 효과는 fadeIn/fadeOut 같은걸 사용하셔도 되구요.
오리위즈
프로필 보기이 회원 글보기
 14년 전
바뀌는건 문제가 안되는데, 롤링효과가 잘 안되네요. 딱 저런 스탈이 필요한데 말이죠
아샬
프로필 보기이 회원 글보기
 14년 전
overflow: hidden; position: relative;인 녀석으로 감싸주고 position: absolute;인 녀석을 안에 넣어

top: 0;에서 top: -높이px; 로 애니메이션하게 하고 멈췄다 top: -(높이 * 2)px;로 애니메이션 후 멈췄다

이런 식으로 반복하면 됩니다.
아샬
프로필 보기이 회원 글보기
 14년 전
http://sir.co.kr/bbs/board.php?bo_table=tiptech&wr_id=11926

간단한 예제입니다.

게시글 목록

번호 제목
20318
기타 css 마우스 오버, 테두리
20317
JavaScript 키보드,마우스 등 불펌방지 입니다.
20316
JavaScript 해상도에 따라 서로 다른 페이지로 접속 하기 입니다.
20315
JavaScript 특정페이지에서 자동으로 새로고침 하기 입니다.
20314
JavaScript 마우스 오버시 이미지 안쪽에 테두리주기
20313
node.js git 사용메뉴얼 보면 깝깝 하네요
20312
PHP 그림자가 있는 글자 표현하기 입니다.
20311
PHP css로 테이블 만들기 입니다.
20310
JavaScript 간결한 레이어 메뉴 입니다.
20309
PHP 테이블 셀 배경이미지 정렬하기 입니다.
20308
웹서버 포트별 Virtual Host 설정하기 입니다.
20307
JavaScript 실시간 카운트 다운 시계 입니다.
20306
jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시
20303
PHP 이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. 2
20302
웹서버 가상호스트 무단링크 막기 입니다.
20301
웹서버 대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.
20300
JavaScript 한번만 submit 되게 하기 입니다.
20299
JavaScript 영문자나 숫자만 입력 할 수 있게 하기 입니다.
20298
JavaScript 현재 페이지 이메일로 보내는 버튼 만들기 입니다.
20297
JavaScript 모바일웹에서 PC버전 링크
20296
JavaScript 특정 파일형태만 업로드 하기 입니다.
20295
JavaScript 입력 문자열 앞에 붙는 공백 제거하기 입니다.
20294
JavaScript 키보드 방향키로 창의 위치를 이동시키기 입니다.
20293
PHP 게시판 목록에서 원하는 데이터만 출력이 가능하게..
20292
MySQL mysql SELECT 결과값을 UPDATE하기
8222
웹, 안드로이드,iOS 함께 할 분 찾고 있습니다. 8
20291
JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.
20290
JavaScript 책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
20289
JavaScript 마우스를 대면 링크 이미지들을 보여주기 입니다.
20288
PHP pushbullet 푸시 발송
20287
MySQL 같은 컬럼의 행들을 한번에 UPDATE 하기
20286
JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.
20285
JavaScript 부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
20284
JavaScript 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
20283
PHP php 주요 정리 입니다.
20282
PHP 메타태그 주요정리 입니다.
20281
JavaScript 광고나 공지사항 띄울때 다음부터 이창을 띄우지 않기 입니다.
20280
MySQL 테이블 생성, 컬럼 추가, 삭제, 수정
20276
JavaScript 입력값을 형식에 맞게 해주는 플러그인이네요 3
20275
JavaScript 팝업창에서 오늘 하루 이 페이지 열지 않기 체크박스 사용입니다.
20274
JavaScript 팝업창 하루에 한번만 열기 입니다
20273
PHP 테이블 사이즈를 제어하기 입니다.
8216
php에서 태그 안의 내용만 지우려고 하는데요. 5
20272
jQuery 유투브 관련 플러그인
20271
jQuery input 태그에 readonly 추가하는 방법
20270
기타 알툴바로 인한 스크립트 오류
20269
jQuery jquery checkbox(radio) 체크유무확인
20268
jQuery 자주 쓰이는 Jquery 팁 20가지 입니다.
20267
jQuery jQuery 오른쪽 퀵메뉴 입니다.
20265
jQuery textarea 글자수 카운트 입니다. 1
20264
jQuery ifrmae 자동 리사이즈 jQuery 입니다.
20263
jQuery 슬라이딩 형태로 보여주기 입니다.
20262
jQuery 라인 그래프 그리기 입니다.
20261
jQuery 콤보박스관련 플러그인
20259
MySQL MySQL 기본 명령어 정리 입니다. 1
20258
MySQL MySQL 한글 정렬하기 입니다.
20257
MySQL 그림을 MySQL DB에 저장하는 방법
20256
JavaScript 엑셀 흉내내기
20255
MySQL mysql table 유무 확인 하기 입니다.
20254
MySQL php로 만든 MySQL 백업스크립트 입니다.
20253
MySQL 2개 테이블에서 중복된거라도 한개씩만 추출하기 입니다.
20252
MySQL MySQL php함수 정리 입니다.
20251
MySQL MySQL php오류 정리 입니다.
20250
MySQL 연산자 관련함수 정리 입니다.
20249
JavaScript 폼 유효성검사해주는 자바스트립트 라이브러리
31028
기타 텝메뉴 상단고정 및 해당위치 스크롤 4
20248
MySQL 수학 관련함수 정리 입니다.
20247
MySQL 문자열 관련함수 정리 입니다.
20246
MySQL 날짜 관련 함수 정리 입니다.
8215
hostbill, isp system, WHMCS, root panel 결제관련
20245
PHP PHP5.6 -> PHP7.0 으로 이전시 차이점
20244
jQuery Ajax 화면 전환 시 애니메이션 효과
20243
MySQL Query의 기본사용 정리 입니다.
20242
MySQL 자주 사용하는 php와 관련 Query문 입니다.
20241
MySQL 콘솔 기본명령어 정리 입니다
20240
PHP 암호화 SHA-256
20239
MySQL mysql 인덱싱 하는 방법 입니다.
20238
MySQL MySQL 덤프방법(dump) 입니다.
20237
MySQL 여러데이터베이스 사용하는 방법 입니다.
20236
PHP 이미지에 글자쓰기
20235
MySQL 백업&복구(전체/부분/테이블) 하기 입니다.
20234
MySQL db sql문 정리 입니다.
20233
MySQL MySql 암호 초기화 및 새암호 넣기 입니다.
8197
JavaScript로 Class 없이 OOP 하기 17
20232
JavaScript 라디오버튼, 체크박스 테두리 없애기 입니다.
20231
JavaScript 현재 페이지 저장하기 입니다.
20230
JavaScript 프린트 출력 자바스크립트 입니다.
20229
JavaScript 한글만 되게 하는 자바스크립트 입니다.
20228
JavaScript 간단한 팝업창 중앙에 띄우기 입니다.
20227
JavaScript 2단계 드롭다운 레이어 메뉴 입니다.
20225
JavaScript 동적 막대그래프 1
20224
JavaScript 간단한 위로가기 자바스크립트 입니다.
20223
JavaScript 따라다니는 link 퀵메뉴 입니다.
20222
JavaScript 글씨의 색을 자동으로 변환시켜주는 자바스크립트 입니다.
20221
JavaScript 인스타그램 사진가져오기
20220
jQuery checkedbox 컨트롤
20219
jQuery radio 컨트롤
20218
jQuery select box 컨트롤
20217
jQuery 강력한 Select Box 디자인 플러그인 Select Or DIE
20216
node.js Node.js - 실시간 위치 추적 (2)
이전 다음
전체 목록