当前位置：前端开发者 > 教程 > 正文

前端开发新闻动态滚动效果实现

2018-12-26 分类：教程阅读(1069) 评论(0)

济宁招聘前端开发

前端开发应届生招聘信息

前端开发专家招聘

html 代码

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″ />

<title>Document</title>

<style>

ul {

height: 24px;

overflow: hidden;

}

li {

height: 24px;

line-height: 24px;

}

</style>

</head>

<body>

<ul>

<li>新闻内容一</li>

<li>新闻内容二</li>

<li>333333333</li>

</ul>

<script src=”https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js”></script>

<script>

$(function() {

clearInterval(timer)

var timer = setInterval(function() {

var list = $(‘ul li’).first()

$(‘ul’).append(list)

}, 2000)

})

</script>

</body>

荆州web前端开发招聘

西安web前端开发招聘

长阳web前端开发招聘

赞(0)

前端开发者 » 前端开发新闻动态滚动效果实现

标签：前端开发者

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

立即登录注册

回顶部