Sống trên đời cần có một tấm lòng để gió cuốn đi !!!: Khi rê chuột lên liên kết thì sẽ hiện ra nội dung tóm tắc

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<br /><html xmlns="http://www.w3.org/1999/xhtml">
<br /><head>
<br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<br /><title>Untitled Document</title>
<br /><style type="text/css">
<br />.tips{
<br />position:relative; /*this is the key*/
<br />z-index:24;
<br />text-decoration:none;
<br />background-image: url(../../images/admin/info.png);
<br />background-repeat: no-repeat;
<br />display: block;
<br />width: 20px;
<br />height: 18px;
<br />text-decoration: none;
<br />}
<br />.tips:hover
<br />{
<br />z-index:25;
<br />cursor: pointer;
<br />text-decoration: none;
<br />}
<br />
<br />.tips div
<br />{
<br />display: none;
<br />}
<br />
<br />.tips:hover div
<br />{ /*the span will display just on :hover state*/
<br />display: block;
<br />position:absolute;
<br />top: 1.5em; left: 1.7em;
<br />width:15em;
<br />border:1px solid #f68c2e;
<br />color:#000;
<br />background-color: #f7d9be;
<br />text-align: justify;
<br />padding: 3px;
<br />}
<br /></style>
<br /></head>
<br />
<br /><body>
<br /><a class="tips" href="#">Test
<br /><div>
<br />Description
<br /></div>
<br /></a>
<br /></body>
<br /></html>
<br />

Sống trên đời cần có một tấm lòng để gió cuốn đi !!!

Thursday, August 20, 2009

Khi rê chuột lên liên kết thì sẽ hiện ra nội dung tóm tắc

No comments: