看到上面的效果,你也许以为这是一张带文字的图片而已;呵呵,用你的鼠标去选取文字看看,发现了吧,这完完全全是一张图片和文字的组合,下面我就来介绍它是怎么做的。
先看看代码:
以下是引用片段:
<div id=”info”>
<h2>TRACKING YOUR IMAGES</h2>
<div id=”holdit”>
<img src=”/imagelist/06/24/4fnpgj5042e6.jpg” alt=”Winnie the pooh” title=”Winnie the pooh” />
<em class=”a420″></em>
<em class=”a430″></em>
<em class=”a400″></em>
<em class=”a370″></em>
<em class=”a340″></em>
<em class=”a300″></em>
<em class=”a270″></em>
<em class=”a250″></em>
<em class=”a240″></em>
<em class=”a230″></em>
<em class=”a230″></em>
<em class=”a340″></em>
<em class=”a340″></em>
<em class=”a360″></em>
<em class=”a540″></em>
<em class=”a540″></em>
<em class=”a540″></em>
<em class=”a550″></em>
<em class=”a550″></em>
<em class=”a550″></em>
<em class=”a550″></em>
<em class=”a550″></em>
<em class=”a550″></em>
<em class=”a540″></em>
<em class=”a460″></em>
<em class=”a490″></em>
<em class=”a500″></em>
<em class=”a500″></em>
<p>”I shall have to wait until I catch up with it,” said Winnie-the-Pooh. “Now, look there.” He pointed to the ground in front of him. “What do you see there?”<br />
“Tracks,” said Piglet. “Paw-marks.” He gave a little squeak of excitement. “Oh, Pooh! Do you think it’s a–a–a Woozle?”<br />
“It may be,” said Pooh. “Sometimes it is, and sometimes it isn’t. You never can tell with paw- marks.”<br />
With these few words he went on tracking, and Piglet, after watching him for a minute or two, ran after him. Winnie-the-Pooh had come to a sudden stop, and was bending over the tracks in a puzzled sort of way.<br />
第 1 2 3 4 页