简单的广告牌

最新推荐文章于 2024-03-27 23:33:18 发布

zhicheng_gogogo

最新推荐文章于 2024-03-27 23:33:18 发布

阅读量618

点赞数 1

文章标签： HTML javascript

HTML

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<style media="screen">
#board.active{
color: red;
}
#board{
background: #000;
padding: 5px;
font-family: sans-serif;
display: inline-block;
}
</style>
<body>
<div id="board" class="active">二楼左转</div>
</body>
<script src="jquery.js"></script>
<script type="text/javascript" src="main.js"></script>

</html>

var board = $('#board');

function toggle() {
if (board.hasClass('active')) {
board.removeClass('active');
}else{
board.addClass('active');
}
}

setInterval(toggle,200);//广告牌