js-plugins/example46.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
<!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 46</title>

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

</head><body>

<span id='d'>Mouseover Me</span>

<img id='p1' src='photo1.jpg' />
<img id='p2' src='photo2.jpg' />
<img id='p3' src='photo3.jpg' />

<script>

window.onload = function()
{
   Locate('p1', ABS, 0,   30)
   Locate('p2', ABS, 160, 30)
   Locate('p3', ABS, 320, 30)

   O('d').onmouseover = down
   O('d').onmouseout  = up

   function down()
   {
      Deflate('p1', 1, 0, 2000, 1)
      Deflate('p2', 1, 1, 2000, 1)
      Deflate('p3', 0, 1, 2000, 1)
   }

   function up()
   {
      Reflate('p1', 1, 0, 2000, 1)
      Reflate('p2', 1, 1, 2000, 1)
      Reflate('p3', 0, 1, 2000, 1)
   }
}

</script>