| 本月文章推荐 |
完全CSS写的鼠标悬停tip效果发表日期：2006-11-19
|
|
<!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=GB2312" /> <meta name="Author" content="Aultoale" /> <style type="text/css"> body {font:normal 12px Verdana} a#tip {position:relative;left:75px; font-weight:bold;} a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block} a#tip span {display:none;text-decoration:none;} a#tip:visited {color:#000;text-decoration:underline;} a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933} </style> </head> <body> <a id="tip" href="#"> 移到这里试试! <span id="tip_info">这里是提示信息!</span> </a> </body> </html> |
| 上一篇：XHTML+CSS兼容性解决方案小集
人气:10580 下一篇：CSS的常用技巧放送 人气:18127 |
| 浏览全部CSS的内容
Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐 |
