"
Team:UCL PG/Sponsor
From 2013.igem.org
(Difference between revisions)
| Line 50: | Line 50: | ||
<script type="text/javascript" src="/js/balloon.config.js"></script> | <script type="text/javascript" src="/js/balloon.config.js"></script> | ||
<script type="text/javascript" src="/js/balloon.js"></script> | <script type="text/javascript" src="/js/balloon.js"></script> | ||
| - | <script type="text/javascript" src="/js/box.js"></script> | + | <script type="text/javascript" src="/js/box.js"></script> |
| + | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| + | // white balloon with default configuration | ||
| + | // (see http://www.wormbase.org/wiki/Balloon_Tooltips) | ||
var balloon = new Balloon; | var balloon = new Balloon; | ||
| + | //BalloonConfig(balloon,'GBubble'); | ||
| + | |||
| + | // plain balloon tooltip | ||
| + | var tooltip = new Balloon; | ||
| + | BalloonConfig(tooltip,'GPlain'); | ||
| + | |||
| + | // fading balloon | ||
| + | var fader = new Balloon; | ||
| + | BalloonConfig(fader,'GFade'); | ||
| + | |||
| + | // a plainer popup box | ||
| + | var box = new Box; | ||
| + | BalloonConfig(box,'GBox'); | ||
| + | |||
| + | // a box that fades in/out | ||
| + | var fadeBox = new Box; | ||
| + | BalloonConfig(fadeBox,'GBox'); | ||
| + | fadeBox.bgColor = 'black'; | ||
| + | fadeBox.fontColor = 'white'; | ||
| + | fadeBox.borderStyle = 'none'; | ||
| + | fadeBox.delayTime = 200; | ||
| + | fadeBox.allowFade = true; | ||
| + | fadeBox.fadeIn = 750; | ||
| + | fadeBox.fadeOut = 200; | ||
| + | |||
</script> | </script> | ||
| Line 62: | Line 90: | ||
<span> </span> | <span> </span> | ||
<div id="theMenu" class="inline"> | <div id="theMenu" class="inline"> | ||
| - | <a | + | <a onmouseover="balloon.showTooltip(event,'I am a simple message...')" href="https://2013.igem.org/Team:UCL_PG/Team"><input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70></a> |
<a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70></a> | <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70></a> | ||
<a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70></a> | <a href="https://2013.igem.org/UCLPG:Underconstruction"><input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70></a> | ||
Revision as of 10:13, 29 September 2013
