DIV+CSS 网页TIP的简单作法

基本的原理就是用display；当display: block;就显示；当display:none;时就不显示；

例如：
程序代码 #infobox span{ display: none; }
#infobox a:hover span{display: block;position:absolute;}

效果如下：
HTML代码:
运行代码：
　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cnwebshow test tip</title> </head> <body> <ul> <li>从这里可以进入我的首页！网站首页</li> <li>这里边有一些英语和笑话！英语笑话</li> <li>这里都是一些朋友的网站！友情链接</li> <li>你要有什么要说的就来这！给我留言</li> <li>是自已写的和收集的文章！技术文章</li> <li>没有了都放在日记里面了！生活照片</li> </ul> </body> </html>

上一篇：一个2007流行的导航效果下一篇：一个页面如何调用多个css

相关内容

[更多]

赞助商链接

【注意】炫浪网版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。粤ICP备11064832号公安备案编号：4453023010550