-
Notifications
You must be signed in to change notification settings - Fork 2
/
test_doc.html
78 lines (60 loc) · 3.38 KB
/
test_doc.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<head>
<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
<meta charset="utf-8">
<style type="text/css">
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 0px;
color: white;
padding: 3px;
width: 100px; /*width of tooltip*/
}
</style>
<script type="text/javascript" src="htmltooltip.js">
/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
</head>
<div class='container'> <a href="#" rel="htmltooltip"> COEUR </a>OF <a href="#" rel="htmltooltip"> L'OBSCURITÉ </a>
By <a href="#" rel="htmltooltip"> Joseph </a><a href="#" rel="htmltooltip"> Conrad </a>
I
<a href="#" rel="htmltooltip"> Le Nellie </a>, <a href="#" rel="htmltooltip"> une croisière yawl </a>, swung to <a href="#" rel="htmltooltip"> son ancrage </a>without <a href="#" rel="htmltooltip"> un flottement </a>of
<a href="#" rel="htmltooltip"> les voiles </a>, and was at <a href="#" rel="htmltooltip"> reste </a>. <a href="#" rel="htmltooltip"> Le déluge </a>had made, <a href="#" rel="htmltooltip"> le vent </a>was nearly
<a href="#" rel="htmltooltip"> calme , et d'être lié en bas de la rivière </a>, <a href="#" rel="htmltooltip"> la seule chose </a>for it was to come
to and wait for <a href="#" rel="htmltooltip"> le tour </a>of <a href="#" rel="htmltooltip"> la marée </a>.
<a href="#" rel="htmltooltip"> La mer </a>-<a href="#" rel="htmltooltip"> atteindre </a>of <a href="#" rel="htmltooltip"> la Tamise </a>stretched before us like <a href="#" rel="htmltooltip"> le début </a>of
<a href="#" rel="htmltooltip"> un interminable de la voie navigable </a>. In <a href="#" rel="htmltooltip"> l'horizon </a><a href="#" rel="htmltooltip"> la mer </a>and <a href="#" rel="htmltooltip"> le ciel </a> </div><div class="htmltooltip"> HEART </div>
<div class="htmltooltip"> DARKNESS </div>
<div class="htmltooltip"> Joseph </div>
<div class="htmltooltip"> Conrad </div>
<div class="htmltooltip"> The Nellie </div>
<div class="htmltooltip"> a cruising yawl </div>
<div class="htmltooltip"> her anchor </div>
<div class="htmltooltip"> a flutter </div>
<div class="htmltooltip"> the sails </div>
<div class="htmltooltip"> rest </div>
<div class="htmltooltip"> The flood </div>
<div class="htmltooltip"> the wind </div>
<div class="htmltooltip"> calm , and being bound down the river </div>
<div class="htmltooltip"> the only thing </div>
<div class="htmltooltip"> the turn </div>
<div class="htmltooltip"> the tide </div>
<div class="htmltooltip"> The sea </div>
<div class="htmltooltip"> reach </div>
<div class="htmltooltip"> the Thames </div>
<div class="htmltooltip"> the beginning </div>
<div class="htmltooltip"> an interminable waterway </div>
<div class="htmltooltip"> the offing </div>
<div class="htmltooltip"> the sea </div>
<div class="htmltooltip"> the sky </div>