시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > 자바스크립트를 이용한 깔끔한 롤링배너 상세정보
사이트등록
클라우드태그
Javascript
php
CSS
html
asp
API
jquery
mysql
image
Mobile
slide
게시판
메뉴
현재접속자 24 새로고침
자바스크립트를 이용한 깔끔한 롤링배너
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 JQuery
다운로드 횟수 6807 회
간단설명 깔끔하고 사용하기 편한 스크립트 롤링배너입니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기



자바스크립트를 이용한 깔끔한 롤링배너입니다.

3개의 자바스크립트와 스타일시트로 이루어져 있으며
기본 html 소스는 아래와 같습니다.

깔끔하게 사용하기 딱 좋은 소스네요^^



<script language="javascript" src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script language="javascript" src="jquery-ui.min.js" type="text/javascript"></script>
<script language="javascript" src="jq.rolling.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="jq.rolling.css"/>

</head>

<body>

<div>
 <div id="rolling">
  <ul>
   <li class="sp01">SAMPLE 01</li>
   <li class="sp02">SAMPLE 02</li>
   <li class="sp03">SAMPLE 03</li>
  </ul>
 </div>
<ul class="pages"></ul>
</div>


<script>
 $("#rolling").rolling(490,290,{autoscroll:1, delay:1500});
</script>


 


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
배너 위치느 어떻게 바꾸나요??
2021-06-19 00:02:28
노논
찬성 30
반대 32
Jquery 안쓰고는 안되나봐요 ..스크립트만 써서 만들어야하는데..
2019-07-18 11:08:52
Kkk
찬성 46
반대 48
감사히 잘 쓰고 있는데요, 여기에 앞으로 뒤로 좌우 제어버튼을 넣으려면 소스를 어찌 건드려야 할까요? ㅋㅋ;
2016-05-20 15:56:56
slevi
찬성 97
반대 96
:네맞아요: 소스확인 했습니다. 속도도 조절해봤구요. 잘 응용하겠습니다. 감사합니다.
2015-04-01 23:58:16
비카페캡틴
찬성 96
반대 108
버튼을 위치를 이동해서 이미지 위로 올리고 싶은데 속성 순서상 배너 이미지가 상위에 자리 잡네요.
버튼을 이미지 위로 우선순위로 잡으려면 어떻게 해야 하나요?ㅠㅠ 이거 때문에 지금 몇시간째 구글링하는 데도 잘 안되네요.ㅠㅠ
2015-03-10 19:09:00
bigbro
찬성 103
반대 104
그림 밑에 있는 버튼이 세로로 되어 있는데
가로로 정렬을 하려면 어디를 고쳐야 하나요~
이렇게 저렇게 해봐도 잘 안됩니다.
2014-08-09 09:59:43
하당~
찬성 115
반대 106
이미지사이즈를 고정하지않고, %로는 할수 없을까요? 모바일에서 적용하려니, 모바일은 %로 거의 해서요~~~~
2014-07-12 07:53:43
이아람
찬성 105
반대 104
위 배너를 똑 같은 화면에 2개 올리려면 어떤 값을 설정해야 별도로 움직이는지 알고 싶습니다..ㅠ.ㅠ
화면에 2개를 올리면 같이 움직인느 현상이 생겨서요...
2013-12-06 11:44:16
쫑호
찬성 117
반대 109
RE 김지향
div랑 스크립트까지 복사 하시구 rolling 이라는 id 값을 rolling2 로 변경하시면 될것 같네요 ㅎ 스크립트 내에 #rolling 도 변경하셔야 됩니다!(2013-12-11 11:19:23)
bambie
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 50695276 보이는 도배방지키를 입력하세요.