Team:Imperial College London/test10

From 2011.igem.org

(Difference between revisions)
 
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Imperial_College_London/balloontip?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Imperial_College_London/balloontip?action=raw&ctype=text/css" />
-
<script src="https://2011.igem.org/Team:Imperial_College_London/balloontipjs?action=raw&ctype=text/js">
+
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/balloontipjs?action=raw&ctype=text/js">
/***********************************************
/***********************************************
-
* Speech Bubbles Tooltip- (c) Dynamic Drive (www.dynamicdrive.com)
+
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (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 Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
***********************************************/
-
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
 
-
jQuery(function($){ //on document.ready
 
-
//Apply tooltip to links with class="addspeech", plus look inside 'speechdata.txt' for the tooltip markups
 
-
$('a.addspeech').speechbubble({url:'speechdata.txt'})
 
-
})
 
</script>
</script>
</head>
</head>
-
 
-
 
<body>
<body>
-
<p><a href="http://tools.dynamicdrive.com/imageoptimizer/" class="addspeech" rel="#speechbubble1">Image
+
<p><a href="http://www.dynamicdrive.com" rel="imgtip[0]">Link 1</a></p>
-
Optimizer</a> lets you easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible. A fan of ribbons? Create alternating colored horizontal rules quickly using the <a href="http://tools.dynamicdrive.com/ribbon/" class="addspeech" rel="#speechbubble2">Ribbon Rules Generator</a>. Or, generate a gradient image using <a href="http://tools.dynamicdrive.com/gradient/" class="addspeech" rel="#speechbubble3">Gradient Image Maker</a>. And last but not least, if your site is missing a favourite icon- a 16x16 icon of your site shown in the user's location bar- generate one now using <a href="http://tools.dynamicdrive.com/favicon/" class="addspeech" rel="#speechbubble4">FavIcon Generator</a>.</p>
+
<p><a href="http://javascriptkit.com" rel="imgtip[1]" style="float:right">Link 2</a></p>
-
 
+
<p><a href="http://cssdrive.com" rel="imgtip[2]">Link 3</a></p>
-
<p>While all of the above tooltips have their contents defined inside a <a href="speechdata.txt">single external file</a>, the following simply use the <b>title attribute</b> of their respective links to make up the tooltip: Visit
+
<p><a href="http://codingforums.com" rel="imgtip[3]">Link 4</a></p>
-
<a href="http://www.javascriptkit.com/" class="addspeech" title="Comprehensive JavaScript tutorials and over 400+ free scripts!">JavaScript Kit</a> for JavaScript tutorials! <a target="_partner" href="http://www.cssdrive.com/" class="addspeech" title="Categorized CSS gallery and examples!">CSS Drive</a> showcases some of the most attractive, CSS driven sites on the net.</p>
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 20:55, 21 September 2011

Link 1

Link 2

Link 3

Link 4

Retrieved from "http://2011.igem.org/Team:Imperial_College_London/test10"