给放大的分页

<H1>给放大的分页</H1>
<P>

1. </P>
   
2. <P>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<A href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><FONT color=#3d93eb>http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</FONT></A>"&gt;<BR>&lt;html xmlns="<A href="http://www.w3.org/1999/xhtml"><FONT color=#3d93eb>http://www.w3.org/1999/xhtml</FONT></A>"&gt;<BR>&lt;head&gt;<BR>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;<BR>&lt;title&gt;给放大的分页&lt;/title&gt;<BR>&lt;meta name="KEYWords" content="css,xhtml,display,layout, style,lab, sheets, w3c,w3, web standards,pagination" /&gt;<BR>&lt;meta name="DEscription" content="一个好玩的分页,Internet Explorer7或者Firefox可以看到附带的效果" /&gt;<BR>&lt;meta name="author" content="aoao" /&gt;<BR>&lt;meta content="all" name="robots" /&gt;<BR>&lt;link rel="start" href="<A href="http://www.loaoao.com/"><FONT color=#3d93eb>http://www.loaoao.com</FONT></A>" title="Home" /&gt;<BR>&lt;style type="text/css"&gt;<BR>ul#hovershow{<BR>&nbsp;list-style-type: none;<BR>&nbsp;margin: 50px;<BR>&nbsp;width:200px;<BR>&nbsp;float: left;<BR>&nbsp;display: inline;<BR>&nbsp;clear: both;<BR>}<BR>ul#hovershow li{<BR>&nbsp;float: left;<BR>&nbsp;display: inline;<BR>&nbsp;width:20px;<BR>&nbsp;height: 20px;<BR>&nbsp;margin: 2px;<BR>&nbsp;&nbsp;&nbsp;<BR>}<BR>ul#hovershow li a {</P>
   
3. <P>&nbsp;display: block;<BR>&nbsp;width:20px;<BR>&nbsp;height:20px;<BR>&nbsp;border:1px #999 solid;<BR>&nbsp;color:#0984FF;<BR>&nbsp;background-color:#fff;<BR>&nbsp;text-decoration: none;<BR>&nbsp;line-height: 20px;<BR>&nbsp;font-size: 12px;<BR>&nbsp;text-align: center;<BR>&nbsp;font-weight: bold;<BR>}</P>
   
4. <P>ul#hovershow li a:hover{<BR>&nbsp;position: absolute;<BR>&nbsp;width:40px;<BR>&nbsp;height: 40px;<BR>&nbsp;line-height: 40px;<BR>&nbsp;font-size: 32px;<BR>&nbsp;z-index:100;<BR>&nbsp;margin: -10px 0 0 -10px;<BR>}<BR>ul#hovershow li:hover + li a{<BR>&nbsp;position: absolute;<BR>&nbsp;width:30px;<BR>&nbsp;height: 30px;<BR>&nbsp;line-height: 30px;<BR>&nbsp;font-size: 24px;<BR>&nbsp;z-index:99;<BR>&nbsp;margin: -5px 0 0 -5px;<BR>}<BR>&lt;/style&gt;<BR>&lt;/head&gt;</P>
   
5. <P>&lt;body&gt;<BR>&lt;h1&gt;给放大的分页&lt;/h1&gt;<BR>&lt;p&gt;一个好玩的分页,Internet Explorer7或者Firefox可以看到附带的效果,因为真的很懒.美化后的样式没更新上来.因为那个是配合我的页才能用滴..挖哈哈..&lt;/p&gt;</P>
   
6. <P>&lt;ul id="hovershow"&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#1" title="#1"&gt;1&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#2" title="#2"&gt;2&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#3" title="#3"&gt;3&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#4" title="#4"&gt;4&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#5" title="#5"&gt;5&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#6" title="#6"&gt;6&lt;/a&gt;&lt;/li&gt;<BR>&nbsp;&lt;li&gt;&lt;a href="#7" title="#7"&gt;7&lt;/a&gt;&lt;/li&gt;</P>
   
7. <P>&lt;/ul&gt;<BR>&lt;p id="copyright"&gt;Copyright &copy; 2006 &lt;a rel="me" href="<A href="http://www.loaoao.com/"><FONT color=#3d93eb>http://www.loaoao.com/</FONT></A>" title="Beautiful Style &laquo; 样式之美 &raquo; <A href='http://www.loaoao.com">aoao</a'><FONT color=#3d93eb>www.loaoao.com"&gt;aoao&lt;/a</FONT></A>&gt; .&nbsp; &lt;a rel="license" href="<A href="http://creativecommons.org/licenses/by/2.5/"><FONT color=#3d93eb>http://creativecommons.org/licenses/by/2.5/</FONT></A>" title="知识共享组织"&gt;Some rights reserved&lt;/a&gt;.&lt;/p&gt;<BR>&lt;/body&gt;<BR>&lt;/html&gt;<BR></P>
   
8. <P>

复制代码

</P>

怎么用呢