CSS+js放大镜

<head>
 <title>CSS Fisheye</title>
 <style type="text/css">
 span {font-size: x-small}
 </style>
 <script language="JavaScript" type="text/javascript">
 
 </script>
</head>
<body>
<h1>CSS Fisheye</h1>
Run your mouse over the text below to see the effect. It's implemented using
CSS and Javascript. I got the idea from this <a href="http://www.samuelwan.com/downloads/com.samuelwan.eidt/fisheyemenu/FisheyeMenuDemo.html">fisheye
demo</a>, which uses the effect for menus, but is implemented using Flash. Laur
at <a href="http://www.grapefruitdesign.com/">Grapefruit Designs</a> pointed
to the same technique implemented as a Java applet at <a href="http://www.cs.umd.edu/hcil/fisheyemenu/fisheyemenu-demo.shtml">HCIL,
Univ. of Maryland</a>, and suggested that the idea had probably been around
since the 1960's. It also seems that Ted Nelson had described this and similar
techniques ("<a href="http://xanadu.com/zigzag/fw99/billowing.html">billowing
and undulating text</a>") in relation to his Xanadu project back in 1999.
My <a href="fisheye-old.html">earlier version</a> only worked on Internet Explorer,
but the version here has been fixed for other browsers by <a href="http://www.seairth.com/blog">Seairth
Jacobs</a>. Also the previous version used <a href=...> to mark the lines,
the current version uses ("for no particular reason"). 

Tiger, tiger, burning
bright, 
In the forest of
the night, 
What immortal hand
or eye 
Could frame thy fearful
symmetry? 
In what distant deeps
or skies 
Burnt the fire of
thine eyes? 
On what wings dare
he aspire? 
What the hand dare
seize the fire? 
And what shoulder,
and what art, 
Could twist the sinews
of thy heart? 
When thy heart began
to beat, 
What dread hand forged
thy dread feet? 
What the hammer?
What the chain? 
In what furnace was
thy brain? 
What the anvil? What
dread grasp 
Dared its deadly
terrors clasp? 
When the stars threw
down their spears 
And watered heaven
with their tears, 
Did He smile his
work to see? 
Did He who made the
lamb make thee? 
Tiger, tiger, on
the mat, 
You're nothing but
a pussy cat, 
But damn your eyes
and rue the day! 
I have to clean your
litter tray. 
with apologies to William Blake
<a href="http://66.70.191.189/cgi-bin/mt-comments.cgi?entry_id=1971">Comments
appreciated</a>
</body>