当前位置：网站首页>Text walking lantern

Text walking lantern

2022-07-20 17:24:00 【Evergrande】 

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="/template/default/js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){
     
		var num = $('.notice_active').find('li').length; if(num > 1){
    			 
			setInterval(()=>{
    
				$(".notice_active").find('ul').animate({
    marginTop : "-2rem"}
					,500 ,function(){
    
						$(this).css({
    marginTop : "0rem"}).find("li:first").appendTo(this);
						}) 
			},2000) 
		} 
	}); </script> <style type="text/css"> .notice_active {
    
	border: 1px solid #ff0000;
	height: 2rem;
	overflow: hidden;
	position: relative;
}
.notice_active ul {
    
	padding: 0;
	margin: 0;
	list-style: none;
}
.notice_active li.notice_active_ch a {
    
	color: #656972;
	font-size: 1rem;
	line-height: 2rem;
}
</style>
</head>
<body>
<div class="notice_active">
  <ul>
    <li class="notice_active_ch"> <a href="#"> Slide the wheel 1a Go oh, I, I iwoi I i Slide the wheel 3 slide </a> </li>
    <li class="notice_active_ch"> <a href="#"> Slide the wheel 2 Slide the wheel 3</a> </li>
    <li class="notice_active_ch"> <a href="#"> Slide the wheel 3 Slide the wheel 3</a> </li>
  </ul>
</div>
</body>
</html>
原网站

版权声明
本文为[Evergrande]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/201/202207191430442259.html

边栏推荐

猜你喜欢

随机推荐