"
Team:DTU-Denmark/Design test
From 2011.igem.org
| Line 1: | Line 1: | ||
{{:Team:DTU-Denmark/Templates/Use_stylesheet}} | {{:Team:DTU-Denmark/Templates/Use_stylesheet}} | ||
| + | <html><script type="text/javascript" src="jquery.js"></script></html> | ||
| + | <html> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) | ||
| + | $("ul.topnav li span").click(function() { //When trigger is clicked... | ||
| + | //Following events are applied to the subnav itself (moving subnav up and down) | ||
| + | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click | ||
| + | $(this).parent().hover(function() { | ||
| + | }, function(){ | ||
| + | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up | ||
| + | }); | ||
| + | //Following events are applied to the trigger (Hover events for the trigger) | ||
| + | }).hover(function() { | ||
| + | $(this).addClass("subhover"); //On hover over, add class "subhover" | ||
| + | }, function(){ //On Hover Out | ||
| + | $(this).removeClass("subhover"); //On hover out, remove class "subhover" | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | </html> | ||
<html><div id="header"><div class="centering"></div></div></html> | <html><div id="header"><div class="centering"></div></div></html> | ||
<html> | <html> | ||
Revision as of 21:52, 4 August 2011
Punktliste:
- Bum
- Bum bum
- Dette er et under punkt
- Og et til..
- Bummelum
Opdeling:
Nummereret liste:
- Bum
- Bum bum
- Dette er et under punkt
- Og et til..
- Bummelum
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Heading level 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Heading level 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading level 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading level 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading level 6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Endnu en level 2 heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Og endnu en..
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
