Team:Baskent-Meds/test
From 2012.igem.org
(Difference between revisions)
BurakGulsen (Talk | contribs) |
BurakGulsen (Talk | contribs) |
||
(32 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
- | + | <title>Smooth Animated jQuery Menu</title> | |
- | + | <link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/> | |
- | + | <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> | |
- | + | <script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script> | |
- | + | <!-- | |
+ | <script> | ||
+ | $(document).ready(function(){ | ||
- | + | //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/ | |
+ | //Remove outline from links | ||
+ | $("a").click(function(){ | ||
+ | $(this).blur(); | ||
+ | }); | ||
- | < | + | //When mouse rolls over |
- | #top-section {height: 20px;border-left: none;border-right: none;} | + | $("li").mouseover(function(){ |
+ | $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}) | ||
+ | }); | ||
+ | |||
+ | //When mouse is removed | ||
+ | $("li").mouseout(function(){ | ||
+ | $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'}) | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | --> | ||
+ | </script> | ||
+ | <link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css"> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" /> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" /> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" /> | ||
+ | |||
+ | </script> | ||
+ | <script language="JavaScript" type="text/JavaScript"> | ||
+ | |||
+ | function MM_reloadPage(init) { //reloads the window if Nav4 resized | ||
+ | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | ||
+ | document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} | ||
+ | else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); | ||
+ | } | ||
+ | MM_reloadPage(true); | ||
+ | |||
+ | </script> | ||
+ | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script> | ||
+ | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script> | ||
+ | |||
+ | </head> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;} | ||
#siteSub {display:none;} | #siteSub {display:none;} | ||
#search-controls {display:none;} | #search-controls {display:none;} | ||
Line 41: | Line 82: | ||
#p-logo a{color:#transparent;} | #p-logo a{color:#transparent;} | ||
#catlinks { height: 0px; overflow: hidden; display: none; border: } | #catlinks { height: 0px; overflow: hidden; display: none; border: } | ||
- | + | ||
body{ | body{ | ||
font-family:"Gill Sans MT", Helvetica; | font-family:"Gill Sans MT", Helvetica; | ||
Line 76: | Line 117: | ||
- | + | ||
/*Menu Color Classes*/ | /*Menu Color Classes*/ | ||
+ | |||
.green{ | .green{ | ||
background:#6AA63B; | background:#6AA63B; | ||
Line 108: | Line 150: | ||
font-size: 18px; | font-size: 18px; | ||
} | } | ||
+ | .style2 { | ||
+ | font-size: 16px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
a:link { | a:link { | ||
text-decoration: none; | text-decoration: none; | ||
Line 124: | Line 170: | ||
} | } | ||
.style3 {color: #000000} | .style3 {color: #000000} | ||
- | + | height: 74px; | |
- | </style> | + | width: 74px; |
- | + | } | |
- | + | .style8 {font-size: 18px} | |
- | + | .style11 {font-size: 36px} | |
- | + | </style> | |
- | + | </head> | |
- | $(). | + | <body> |
- | + | <div id="Layer2" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2"> | |
- | + | ||
- | + | ||
- | + | <div id="Layer3" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2"> | |
- | + | ||
- | + | <div class="slider-wrapper theme-default"> | |
- | + | <div id="slider" class="nivoSlider"> | |
- | + | ||
- | + | <a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/> | |
- | + | ||
- | + | <a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/> | |
+ | <a href="/Team:Baskent-Meds/Team"><img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/> | ||
+ | <a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div id="risorc" class="nivo-html-caption"> | ||
+ | <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>. | ||
+ | </div> | ||
+ | <div id="buk" class="nivo-html-caption"> | ||
+ | <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>. | ||
+ | </div> | ||
+ | <div id="mit" class="nivo-html-caption"> | ||
+ | <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>. | ||
+ | </div> | ||
+ | <div id="fan" class="nivo-html-caption"> | ||
+ | <strong>also</strong> we have<em>fun!</em> with our competitors <a href="/Team:Baskent-Meds/Gallery">a link</a>. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(window).load(function() { | ||
+ | $('#slider').nivoSlider(); | ||
}); | }); | ||
- | |||
</script> | </script> | ||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 01:44, 1 August 2012