<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>css_index_sinoaqua</title><meta name="author" content="aoao"><meta content="all" name="robots"><style type="text/css">...ul#hovershow{...}{ list-style-type: none; margin: 50px; width:250px; float: left; display: inline; clear: both;}ul#hovershow li{...}{ float: left; display: inline; width:20px; height: 20px; margin: 2px; }ul#hovershow li a {...}{ display: block; width:20px; height:20px; border:1px #999 solid; color:#0984FF; background-color:#fff; text-decoration: none; line-height: 20px; font-size: 12px; text-align: center; font-weight: bold;}ul#hovershow li a:hover{...}{ position: absolute; width:40px; height: 40px; line-height: 40px; font-size: 32px; z-index:100; margin: -10px 0 0 -10px;}ul#hovershow li:hover + li a{...}{ position: absolute; width:30px; height: 30px; line-height: 30px; font-size: 24px; z-index:99; margin: -5px 0 0 -5px;}</style></head><body><ul id="hovershow"> <li><a href="#1" title="#"><<</a></li> <li><a href="#2" title="#">1</a></li> <li><a href="#3" title="#">2</a></li> <li><a href="#4" title="#">3</a></li> <li><a href="#5" title="#">4</a></li> <li><a href="#6" title="#">5</a></li> <li><a href="#7" title="#">6</a></li> <li><a href="#7" title="#">>></a></li></ul></body></html>