"
Template:Team:DukeMenu/CSS
From 2014.igem.org
(Difference between revisions)
| Line 66: | Line 66: | ||
</div> | </div> | ||
| + | <header class="banner"> | ||
| + | <nav class="container"> | ||
| + | <h1 class="logo">Headhesive.js</h1> | ||
| + | <ul class="nav"> | ||
| + | <li class="nav__item"><a href="https://twitter.com/markgdyr">@markgdyr</a></li> | ||
| + | <!-- <li class="nav__item"><a class="nav__item--btn btn" href="http://markgoodyear.com/blog">View Article →</a></li> --> | ||
| + | </ul> | ||
| + | </nav> | ||
| + | </header> | ||
| + | |||
| + | |||
| + | <script type="text/javascript" src="/labs/headhesive/js/headhesive.min.js"></script> | ||
| + | <script> | ||
| + | |||
| + | // Set options | ||
| + | var options = { | ||
| + | offset: '#showHere', | ||
| + | classes: { | ||
| + | clone: 'banner--clone', | ||
| + | stick: 'banner--stick', | ||
| + | unstick: 'banner--unstick' | ||
| + | } | ||
| + | }; | ||
| + | |||
| + | // Initialise with options | ||
| + | var banner = new Headhesive('.banner', options); | ||
| + | |||
| + | // Headhesive destroy | ||
| + | // banner.destroy(); | ||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 21:06, 25 July 2014
