js-plugins/example41.htm at master · sanglnv/js-plugins · GitHub

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Plug-in JavaScript: Example 41</title>

<script src="PJ.js"></script>
<script>Initialize()</script>

</head><body>

<h2>Limericks by Edward Lear</h2><b>

<span id='h1'>Beard Limerick</span> |
<span id='h2'>Bee Limerick</span> |
<span id='h3'>Chin Limerick</span></b><br /><br />

<div id='l1'>There was an Old Man with a beard,<br />
Who said, 'It is just as I feared!<br />
Two Owls and a Hen,<br />
Four Larks and a Wren,<br />
Have all built their nests in my beard!'</div>

<div id='l2'>There was an Old Man in a tree,<br />
Who was horribly bored by a Bee;<br />
When they said, 'Does it buzz?'<br />
He replied, 'Yes, it does!'<br />
'It's a regular brute of a Bee!'</div>

<div id='l3'>There was a Young Lady whose chin,<br />
Resembled the point of a pin;<br />
So she had it made sharp,<br />
And purchased a harp,<br />
And played several tunes with her chin.</div>

<script>

window.onload = function()
{
   Hide(Array('l1', 'l2', 'l3'))
   O('h1').onmouseover = function() { Show('l1') }
   O('h1').onmouseout  = function() { Hide('l1') }
   O('h2').onmouseover = function() { Show('l2') }
   O('h2').onmouseout  = function() { Hide('l2') }
   O('h3').onmouseover = function() { Show('l3') }
   O('h3').onmouseout  = function() { Hide('l3') }
}

</script>