"
Team:Sevilla/test
From 2011.igem.org
(Difference between revisions)
(Menu Test) |
|||
| Line 1: | Line 1: | ||
{{:Team:Sevilla/test2}} | {{:Team:Sevilla/test2}} | ||
| + | |||
2º parte del wikiii | 2º parte del wikiii | ||
| + | |||
| + | |||
| + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | ||
| + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.js"></script> | ||
| + | /*Script de jquery.lavalamp*/ | ||
| + | <script type="text/javascript" src="hhttps://sites.google.com/site/bobstringfiles/arcanum/jquery.lavalamp.js"></script> | ||
| + | /*Script de jquery.easing*/ | ||
| + | <script type="text/javascript" src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.easing.min.js"></script> | ||
| + | |||
| + | <html> | ||
| + | <style> | ||
| + | /* Styles for the entire LavaLamp menu */ | ||
| + | .lavaLamp { | ||
| + | position: relative; | ||
| + | height: 29px; width: 421px; | ||
| + | background: url("../image/bg.gif") no-repeat top; | ||
| + | padding: 15px; margin: 10px 0; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | /* Force the list to flow horizontally */ | ||
| + | .lavaLamp li { | ||
| + | float: left; | ||
| + | list-style: none; | ||
| + | } | ||
| + | /* Represents the background of the highlighted menu-item. */ | ||
| + | .lavaLamp li.back { | ||
| + | background: url("../image/lava.gif") no-repeat right -30px; | ||
| + | width: 9px; height: 30px; | ||
| + | z-index: 8; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .lavaLamp li.back .left { | ||
| + | background: url("../image/lava.gif") no-repeat top left; | ||
| + | height: 30px; | ||
| + | margin-right: 9px; | ||
| + | } | ||
| + | /* Styles for each menu-item. */ | ||
| + | .lavaLamp li a { | ||
| + | position: relative; overflow: hidden; | ||
| + | text-decoration: none; | ||
| + | text-transform: uppercase; | ||
| + | font: bold 14px arial; | ||
| + | color: #fff; outline: none; | ||
| + | text-align: center; | ||
| + | height: 30px; top: 7px; | ||
| + | z-index: 10; letter-spacing: 0; | ||
| + | float: left; display: block; | ||
| + | margin: auto 10px; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | </html> | ||
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })}); | ||
| + | </script> | ||
| + | |||
| + | |||
| + | $(function() { | ||
| + | $('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'}); | ||
| + | }); | ||
Revision as of 16:41, 1 April 2011
2º parte del wikiii
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.js"></script>
/*Script de jquery.lavalamp*/
<script type="text/javascript" src="hhttps://sites.google.com/site/bobstringfiles/arcanum/jquery.lavalamp.js"></script>
/*Script de jquery.easing*/
<script type="text/javascript" src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.easing.min.js"></script>
<script type="text/javascript">
$(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
</script>
$(function() {
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
});
