아이디/비번 기억
  • 봉하마을 방문후기
  • 미디어협동조합 국민TV국민TV의 조합원이 되어주세요!
  • 한국탐사저널리즘센터
현재위치 : HOME > 구구자료실

네이트 베너 (랜덤으로 나오는 베너)

구구 | 2012.06.13 13:59 | 조회 4568



<script>
window.onload = function() {
 r = Math.round(Math.random()*(4));
 document.getElementById("cck").onclick = function() { preread(r) };
 document.getElementById("ccb").onclick = function() { nextread(r) };
 nextread(r);
}
</script>


<style>
img {border:0;}
.hand { cursor:pointer }
</style>

<div style="width:150px; height:128px; left:0; top:0; position:relative; overflow:hidden;">
 <span id="imgChange_1" name="imgChange_1" style="display:none"><a href="#"><img src="top_left_bn01.jpg" /></a></span>
 <span id="imgChange_2" name="imgChange_2" style="display:none"><a href="#"><img src="top_left_bn02.jpg" /></a></span>
 <span id="imgChange_3" name="imgChange_3" style="display:none"><a href="#"><img src="top_left_bn03.jpg" /></a></span>
 <span id="imgChange_4" name="imgChange_4" style="display:none"><a href="#"><img src="top_left_bn01.jpg" /></a></span>
 <span id="imgChange_5" name="imgChange_5" style="display:none"><a href="#"><img src="top_left_bn02.jpg" /></a></span>
 <div style=" width:40px; height:20px; z-index:10000; position:relative; left:10; top:-30;">
 <span id="cck"><a href="javascript:CurSorType('hand')"><img src="top_left_bt_left.gif" /></a></span><span id="ccb"><a href="javascript:CurSorType('hand')"><img src="top_left_bt_right.gif" /></a></span>
 </div>
</div>

<script>
function preread(k){
 r = r-1;
 if (r==0) {
  r = 4;
 } 
 for (var i = 0; i<=4; i++) {
  if (i == r) {
   document.getElementById("imgChange_"+(i+1)).style.display = "block";
  }
  else {
   document.getElementById("imgChange_"+(i+1)).style.display = "none";
  }
 }
}

function nextread(k){
 if(r==4) {
  r=0;
 } 
 r = r+1;
 for (var j=0; j<=4;j++) {
  if (j == r) {
   document.getElementById("imgChange_"+(j+1)).style.display = "block";
  } else {
   document.getElementById("imgChange_"+(j+1)).style.display = "none";
  }
 }
}

function CurSorType(item) {
 document.getElementById("cck").className = item;
 document.getElementById("ccb").className  = item;
}
</script>

 

데모화면보기

twitter facebook me2day 요즘
98개(4/5페이지)
소스자료실
번호 제목 글쓴이 조회 날짜
38 [jquery] 구글검색엔진으로 내홈페이지를 검색! 사진 첨부파일 구구 4218 2012.06.13 16:13
37 [jquery] 슬라이더로 구성한 홈페이지 샘플 사진 첨부파일 구구 4342 2012.06.13 15:57
36 [jquery] 메인이미지 버튼/시간/효과 사진 첨부파일 구구 5114 2012.06.13 15:52
35 [jquery] 하단으로 열리는 메뉴 기본 사진 첨부파일 구구 6303 2012.06.13 15:49
34 [html/css] 이미지없는 CSS버튼 사용해보자! 사진 첨부파일 구구 8518 2012.06.13 15:20
33 [Java] 마우스 스크롤을 좌우스크롤로 활용! 사진 첨부파일 구구 5419 2012.06.13 15:12
32 [모바일] 베너클릭시 슬라이드되는 내용들 사진 첨부파일 구구 6444 2012.06.13 15:04
31 [Java] 갤러리/앨범 스타일04 사진 첨부파일 구구 4410 2012.06.13 15:00
30 [Java] 갤러리/앨범 스타일03 사진 첨부파일 구구 5011 2012.06.13 14:50
29 [Java] 갤러리/앨범 스타일02 사진 첨부파일 구구 4178 2012.06.13 14:47
28 [Java] 클릭시 나오는 공간 (사이트맵정도로 사용) 사진 첨부파일 구구 4769 2012.06.13 14:35
27 [Java] 메인비쥬얼 효과 사진 첨부파일 구구 4352 2012.06.13 14:27
26 [Java] 롤오버베너 사진 첨부파일 구구 5042 2012.06.13 14:06
>> [Java] 네이트 베너 (랜덤으로 나오는 베너) 사진 첨부파일 구구 4569 2012.06.13 13:59
24 [Java] 부드럽게 내려오는 네비게이션 메뉴 첨부파일 구구 6277 2012.06.13 13:46
23 [html/css] 말풍선 툴팁 (모든브라우져 사용가능) 구구 14788 2012.06.13 12:58
22 [etc] 움직이는팝업창 구구 5300 2012.06.13 11:25
21 [etc] 원하는위치 원하는크기로 새창띄우기 구구 10115 2012.06.13 11:01
20 [Java] 갤러리/앨범 스타일01 깔끔한앨범 - 보기쉬운UI 첨부파일 관리자 6037 2012.06.12 18:57
19 [jquery] 반응형웹디자인 (미디어쿼리 / media query) 첨부파일 관리자 6074 2012.06.12 18:51