<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
<style>
  #tested { margin-bottom:5px; height:20px; overflow:hidden; list-style:none; line-height:120%; }
</style>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
function tested() {

  var tested = $("#tested");

  tested.animate({marginTop:"-25px"}, 200, null, function() {

    tested.css("marginTop", "0px").append(tested.find("> li:first"));

  });

}

setInterval("tested()", 2000);
</script>
 </head>

 <body>
<ul id="tested">
  <li>- aaaaa1</li>
  <li>- bbbbb2</li>
  <li>- ccccc3</li>
  <li>- ddddd4</li>
</ul>

 

 </body>
</html>

'jquery' 카테고리의 다른 글

배경 어둡게 레이어효과  (0) 2012.02.17
마우스 오버시 큰 이미지 레이어  (0) 2012.02.17
페이지내 이동2  (0) 2012.02.17
페이지내 이동1  (0) 2012.02.17
IE6 이 아닐때 액션  (0) 2012.02.17

+ Recent posts