오른쪽에서 왼쪽으로 튀어나오는 공지사항 소스

아래 내용중에...

불러오는 스크립트 파일은 첨부하겠습니다.

아래는 페이지에 들어가야할 내용입니다.


.event { margin:0; position:relative;width:420px; height:30px; background:url('../img/common/bg_event.gif') no-repeat; }
.event h2 { overflow:hidden; height:0; }
.event .msg_box { position:relative; overflow:hidden; width:380px; height:30px; }
.event .msg_box p { padding:9px 0 0 24px; position:absolute; top:0; left:360px; width:360px; overflow:hidden; white-

space:nowrap; text-overflow:ellipsis; }
.event .msg_box p.first { left:0; }
.event .msg_box p a { color:#999999; font:normal 8pt 돋움; letter-spacing:-1px; }
.event .msg_box p a em { color:#000000; font-weight:bold; font-style:normal; font-size:13px; margin-

right:9px; }
.event .navi { position:absolute; top:10px; right:11px; }
.event .navi button { display:inline; float:left; width:9px; height:9px; margin:0 0 0 1px; padding:0; border:none;

overflow:hidden; background:url('../img/button/btn_navi.gif') no-repeat; text-indent:-1000em; cursor:pointer; }
.event .navi button.prev { background-position:0 0; }
.event .navi button.next { background-position:-9px 0; }



var slider = new cyui.Slider( 'slider', 'left', 'easeInOutCubic', 5000, true);

slider.addSlideId( 'sliderContent0' );

slider.addSlideId( 'sliderContent1' );

slider.addSlideId( 'sliderContent2' );

slider.addSlideId( 'sliderContent3' );

slider.addSlideId( 'sliderContent4' );

slider.addSlideId( 'sliderContent5' );

slider.addPrevBtnId( 'sliderPrev' );
slider.addNextBtnId( 'sliderNext' );
slider.init();

function startRefreshTimer() {
setTimeout("location.reload()", 2*60*1000);
}




다운로드

slide.js (21.6KB)

의견 1 자료등록      목록