jquey-单行向上滚动-网页中新闻动态(上下滚动)的应用

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>buzhang-title</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
    setInterval(function(){
		
		//slideUp通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。appendTo把所有匹配的元素追加到另一个指定的元素元素集合中。
        $('#myad li:first').slideUp(500,'',function(){$(this).show().appendTo('#myad');});
   
    },1000);
    
	//从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
    $('h1').remove();
    
});
</script>
<style>
ul{list-style:none;height:18px;overflow:hidden;}
</style>
</head>


<body>
<h1>中华人民共和国</h1>
<ul id="myad">
    <li>中华人民共和国</li>
    <li>河南省</li>
    <li>c11111111111</li>
    <li>学习jquery</li>
    <li>e11111111111</li>
    <li>f11111111111</li>
    <li>g11111111111</li>
    <li>h11111111111</li>
    <li>i11111111111</li>
</ul>
</body>
</html>

你可能感兴趣的:(jquery,jQuery文字上下滚动)