Template:Team:MSOE

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.css" />
 
-
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
-
<script src="http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.js">
+
<script src="http://www.dynamicdrive.com/dynamicindex1/gooeymenu.js">
/***********************************************
/***********************************************
-
* DD Mega Menu (c) Dynamic Drive (www.dynamicdrive.com)
+
* Gooey Menu Script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
Line 15: Line 13:
</script>
</script>
-
<script>
+
<link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex1/gooeymenu.css" />
-
 
+
-
ddmegamenu.docinit({
+
-
menuid:'solidmenu',
+
-
dur:200 //<--no comma after last setting
+
-
})
+
-
 
+
-
+
-
ddmegamenu.docinit({
+
-
menuid:'megaanchorlink',
+
-
dur:500,
+
-
easing:'easeInOutCirc' //<--no comma after last setting
+
-
})
+
-
 
+
-
</script>
+
</HEAD>
</HEAD>
<BODY>
<BODY>
-
<h2>Example 1</h2>
+
<ul id="gooeymenu1" class="gelbuttonmenu">
-
 
+
-
<ul id="solidmenu" class="solidblockmenu">
+
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
-
<li><a href="http://www.javascriptkit.com" rel="jkmenu">JavaScript v</a></li>
+
<li><a href="http://www.dynamicdrive.com/style/">CSS Codes</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
-
<li><a href="http://tools.dynamicdrive.com">Webmaster Tools</a></li>
+
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
-
<li><a href="http://www.cssdrive.com" rel="cssdrivemenu[left]">CSS Drive v</a></li>
+
<li><a href="http://www.javascriptkit.com/" class="selected">JavaScript</a></li>
 +
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
</ul>
</ul>
-
<!--First mega menu (1) -->
+
<script>
 +
gooeymenu.setup({id:'gooeymenu1', selectitem:1})
 +
</script>
-
<div id="jkmenu" class="mega solidblocktheme">
 
-
<p style="margin:5px 0 10px 0"><b>Visit the following main content areas of JavaScript Kit:</b></p>
 
-
<div class="column">
+
<hr />
-
<ul>
+
-
<li><a href="http://www.javascriptkit.com"  rel="freescripts">Free JavaScripts</a></li>
+
-
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">Free Java Applets</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="column">
+
-
<ul>
+
-
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">DHTML Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">Web Design Tutorials</a></li>
+
-
</ul>
+
-
</div>
+
-
<br style="clear:left" />
+
-
<p>Need help with JavaScript? <a href="http://www.codingforums.com">Coding Forums</a> should be your next stop!</p>
+
-
</div>
+
<ul id="gooeymenu2" class="solidblockmenu">
 +
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
 +
<li><a href="http://www.dynamicdrive.com/style/">CSS Codes</a></li>
 +
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
 +
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
 +
<li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
 +
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
 +
</ul>
-
<!--Second mega menu (1.1) -->
+
<script>
 +
gooeymenu.setup({id:'gooeymenu2', selectitem:1, fx:'swing'})
 +
</script>
-
<div id="freescripts" class="mega solidblocktheme" style="width:150px">
 
-
<ul class="ulmenu">
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">JavaScript Clocks</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">JavaScript Scrollers</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Text Effects</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Password Protecting</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Form Validation</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Ajax Scripts</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Image Effects</a></li>
 
-
<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Link Effects</a></li>
 
-
</ul>
 
-
</div>
 
-
<!--Forth mega menu (2) -->
 
-
<div id="cssdrivemenu" class="mega solidblocktheme">
+
<hr />
-
<p style="margin-top:10px">Looking for web design inspiration? CSS Drive showcases some of the most attractive, CSS driven sites on the net.</p>
+
<ul id="gooeymenu3" class="underlinemenu">
 +
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
 +
<li><a href="http://www.dynamicdrive.com/style/">CSS Codes</a></li>
 +
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
 +
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
 +
<li><a href="http://www.javascriptkit.com/" class="selected">JavaScript</a></li>
 +
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
 +
</ul>
-
<div class="column">
+
<script>
-
<ul>
+
gooeymenu.setup({id:'gooeymenu3', fxtime:250})
-
<li><a href="http://www.cssdrive.com/">Gallery</a></li>
+
</script>
-
<li><a href="http://www.cssdrive.com/">CSS Menus</a></li>
+
-
<li><a href="http://www.cssdrive.com/">CSS Examples</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="column">
+
-
<ul>
+
-
<li><a href="http://www.cssdrive.com/">Design News</a></li>
+
-
<li><a href="http://www.cssdrive.com/">Design Resources</a></li>
+
-
<li><a href="http://www.cssdrive.com/">Design Tools</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
 
-
<br />
 
 +
<hr />
 +
<ul id="gooeymenu4" class="framemenu">
 +
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
 +
<li><a href="http://www.dynamicdrive.com/style/">CSS Codes</a></li>
 +
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
 +
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
 +
<li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
 +
<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>
 +
</ul>
-
 
+
<script>
-
 
+
gooeymenu.setup({id:'gooeymenu4', snapdelay:500})
-
 
+
</script>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<h2>Example 2</h2>
+
-
 
+
-
 
+
-
 
+
-
<a id="megaanchorlink" href="http://www.javascriptkit.com" rel="megacontent">JavaScript Kit</a>
+
-
 
+
-
<!--First mega menu (1) -->
+
-
 
+
-
<div id="megacontent" class="mega">
+
-
 
+
-
<p style="margin:5px 0 10px 0"><b>Visit the following main content areas of JavaScript Kit:</b></p>
+
-
 
+
-
<div class="column">
+
-
<ul>
+
-
<li><a href="http://www.javascriptkit.com"  rel="megasubcontent">Free JavaScripts</a></li>
+
-
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">Free Java Applets</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="column">
+
-
<ul>
+
-
<li><a href="http://www.javascriptkit.com">JavaScript Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">DHTML Tutorials</a></li>
+
-
<li><a href="http://www.javascriptkit.com">Web Design Tutorials</a></li>
+
-
</ul>
+
-
</div>
+
-
<br style="clear:left" />
+
-
<p>Need help with JavaScript? <a href="http://www.codingforums.com">Coding Forums</a> should be your next stop!</p>
+
-
 
+
-
</div>
+
</BODY>
</BODY>
</HTML>
</HTML>

Revision as of 19:19, 18 June 2013

Retrieved from "http://2013.igem.org/Template:Team:MSOE"