Team:Baskent-Meds/test
From 2012.igem.org
(Difference between revisions)
BurakGulsen (Talk | contribs) |
BurakGulsen (Talk | contribs) |
||
(29 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> | <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 src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script> | ||
- | |||
- | |||
- | |||
<!-- | <!-- | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<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 | ||
+ | $("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> | ||
<script language="JavaScript" type="text/JavaScript"> | <script language="JavaScript" type="text/JavaScript"> | ||
- | + | ||
function MM_reloadPage(init) { //reloads the window if Nav4 resized | function MM_reloadPage(init) { //reloads the window if Nav4 resized | ||
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | ||
Line 44: | Line 45: | ||
} | } | ||
MM_reloadPage(true); | MM_reloadPage(true); | ||
- | + | ||
</script> | </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> | </head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | h1{margin:100px;} | + | h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;} |
- | #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 114: | Line 117: | ||
- | + | ||
/*Menu Color Classes*/ | /*Menu Color Classes*/ | ||
+ | |||
.green{ | .green{ | ||
background:#6AA63B; | background:#6AA63B; | ||
Line 165: | Line 169: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
- | |||
.style3 {color: #000000} | .style3 {color: #000000} | ||
+ | height: 74px; | ||
+ | width: 74px; | ||
+ | } | ||
+ | .style8 {font-size: 18px} | ||
+ | .style11 {font-size: 36px} | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id="Layer2" style="position:absolute; left:- | + | <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> | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(window).load(function() { | ||
+ | $('#slider').nivoSlider(); | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:44, 1 August 2012