Html/CSS/Script | 롤링되는 공지글 구현할때

페이지 정보

작성자 : 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 날짜 : 작성일14-01-15 14:02 조회 : 531회

본문

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">
    
    function rolling(options) {
     var self = this;
     this.object = document.getElementById(options.rollId);
     this.object.onmouseover = function() {
      self.stop();
     }
     ;
     this.object.onmouseout = function() {
      self.play();
     }
     ;
     this.delay = options.delay || 1000;
     this.speed = options.speed || 50;
     this.step = options.step || 1;
     this.mover = options.mover || false;
     this.elChildHeight = options.childHeight;
     this.elHeight = this.object.offsetHeight;
     this.elPosition = 0;
     this.object.appendChild(this.object.cloneNode(true));
     this.control = setTimeout(function() {self.play()}, this.delay);
    }
    rolling.prototype = {
     play:function() {
      var self = this, time;
      this.elPosition = this.elPosition>(this.mover?this.elHeight:0) ? this.elPosition-this.elHeight : this.elPosition+1;
      this.object.style.top = (this.mover ? -this.elPosition : this.elPosition) + "px";
      this.control = setTimeout(function() {self.play()}, this.elPosition%(this.elChildHeight*this.step)==0?this.delay:this.speed);
     }
     ,
     stop:function() {
      clearTimeout(this.control);
     }
    }
    var roll1 = null;
    //var roll2 = null;
    window.onload = function() {
     roll1 =  new rolling({rollId: "rollText1", delay: 5000, speed: 10, step: 1, mover: true, childHeight: 27});
      //roll2 =  new rolling({rollId: "rollText2", delay: 2000, speed: 20, step: 1, mover: false, childHeight: 23});
    }
    </script>
 

    <style type="text/css">
     #rollText1{ position:relative; font-size:13px; list-style:none; margin:0px; padding:0px 0px 0px 0px; }
     #rollText1 li{height:23px; padding:4px 0px 0px 5px;}
    </style>
 </head>
 <body>
  <div style="overflow:hidden; height: 23px; ">
     <ul id="rollText1">
     
      <li><a href="/notice/view.asp?idx=69">홍천강 꽁꽁축제 변동사항 알림</a></li>
      
      <li><a href="/notice/view.asp?idx=68">2014 홍천강꽁꽁축제 알림</a></li>
      
      <li><a href="/notice/view.asp?idx=67">제7회 홍천 단호박 축제</a></li>
      
      <li><a href="/notice/view.asp?idx=66">내면 은행나무숲 개방 알림</a></li>
      
      <li><a href="/notice/view.asp?idx=65">2013 제17회 홍천 찰옥수수 축제...</a></li>
     
     </ul>
    
    </div>
 </body>
</html>
Total 64건 1 페이지
게시물 검색
웹스터디 목록
번호 제목 글쓴이 날짜 조회
64 Html/CSS/Script jQuery : 애니메이션효과 - show( ),hide( ),toggle( ),fade( ),slide( ) 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-11-15 22
63 Html/CSS/Script jQuery 선택자 사용하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-03-27 754
62 Html/CSS/Script 브라우저 크기 실시간으로 체크하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 17-02-03 563
61 Html/CSS/Script 모바일에서 확대/축소 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16-04-21 463
60 Html/CSS/Script 브라우저 크기에따라서 ... 표시되게 하는 스타일 시트 반응형 홈페이지 만들때 쓰면 좋을듯... 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-17 420
59 Html/CSS/Script 모바일에서 스크롤 않되게 하기 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-12-14 377
58 Html/CSS/Script jsdelivr에 나눔 웹폰트 사용~ 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-06-17 764
57 Html/CSS/Script CKEditor 4.4.7 설치방법 첨부파일 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15-04-24 379
56 Html/CSS/Script 오브젝트 그림자 css 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-23 365
열람중 Html/CSS/Script 롤링되는 공지글 구현할때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-15 532
54 Html/CSS/Script 웹폰트 적용 스타일소스 에렐리안 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 14-01-02 425
53 Html/CSS/Script ssl 보안인증서 적용된 사이트로 자동전환되게 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-26 417
52 Html/CSS/Script 천단위(콤마)넣기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-11-07 539
51 Html/CSS/Script IE6에서 Position: fixed 하단고정 레이어 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-06 559
50 Html/CSS/Script self.close()에 확인창없이 바로닫기 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-05-02 564
49 Html/CSS/Script 배경이미지를 그라데이션화교 주기 linear-gradient 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-04-25 485
48 Html/CSS/Script 그누보드에서 "회원아이디를 입력하지 않았거나 입력에 오류가 있습니다." 라고 메세지 나올때 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 13-03-06 497
47 Html/CSS/Script 웹접근성을 위한 퀵메뉴 + 확대/축소/기본 스크립트 첨부파일 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-11-29 545
46 Html/CSS/Script FCKEditor 설치및설정 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-05-11 700
45 Html/CSS/Script 비밀번호 숫자+영문 혼용 체크 에렐리앙 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-04-30 579
Today 85 Yesterday 448
Total 131,537