slideheader
Version:
A JavaScript plugin to display or hide headerbar with a sliding motion
38 lines (34 loc) • 900 B
HTML
<html>
<head>
<meta charset="utf-8">
<style>
body {
padding: 0;
margin: 0;
height: 1000px;
}
header {
background-color: #000;
line-height: 56px;
text-align: center;
width: 100%;
color: #fff;
}
</style>
<link rel="stylesheet" href="../dist/cbslideheader.css">
<link rel="stylesheet" href="../node_modules/qunitjs/qunit/qunit.css">
<script src="../node_modules/qunitjs/qunit/qunit.js"></script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../dist/jquery.cbslideheader.js"></script>
<script src="test.js"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture">
<header class="cb-header header1">header1</header>
<header class="cb-header header2">header2</header>
<div style="background-color: #eee;" class="cb-header2"></div>
</div>
</body>
</html>