공지사항롤링_javascript, css, html

공지사항롤링

html, css, javascript

작업하면서 좋은 정보 올려드립니다!

공지사항 롤링하고 싶은데..

우선 jquery 등록합니다.

(위, 아래로 롤링법)

* 기본 소스 구조

<div> <ul> <li>많은 이용 바랍니다</li> <li>오늘 방문자 : 99명</li> </ul> </div>

 li 항목 롤링 해보겠습니다~

* css

div {padding-left:10px;width:100%;overflow:hidden;} ul {height:20px;} ul li {width:100%;height:25px;margin-top:5px}

*script

var isBoard = true; $(document).ready(function() { setInterval(function(){ if(isBoard){ $("#notice li").eq(0).animate({'margin-top':'-'+37}); }else{ $("#notice li").eq(0).animate({'margin-top':5}); } isBoard = !isBoard; }, 3000); });

색칠 부분 잘 조정하면 예쁘게 롤링 되구요~

지금 작업할때 사용하는건 2가지 뿐이라

위, 아래로 왔다갔다 하게 해놨어요ㅠ

다음에 여러가지 롤링되게 만들때, 다시 올려드릴게요~

바빠서. 이만ㅠ

오늘도 일하러..

파이팅!!