slideheader
Version:
A JavaScript plugin to display or hide headerbar with a sliding motion
27 lines (22 loc) • 608 B
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="../dist/cbslideheader.css">
</head>
<body>
<header class="cb-header header">header</header>
<div style="background-color: #eee;" class="cb-header2"></div>
<div style="height: 2000px"></div>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../dist/jquery.cbslideheader.js"></script>
<script>
$(".header").cbSlideDownHeader({
boxShadow: "0 2px 2px #333",
opacity: .8,
slidePoint: 500
});
</script>
</body>
</html>