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



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

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>


 


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