DIV+CSS 网页TIP的简单作法

程序员文章站 2024-02-19 12:01:52

基本的原理就是用display；当display: block;就显示；当display:none;时就不显示；例如：复制代码代码如下:#info...

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

#infobox span{ display: none; } 
#infobox a:hover span{display: block;position:absolute;} 

/*以是下显示tip的内容*/ 
#infobox span{ display: none; } 
#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #ffffcc;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;} 
</style>
<div id="info"> 
 <div id="infobox"> 
  <ul>
<li> 
   <li> 
   <li> 
   <li> 
   <li> 
   <li> 
  </ul> 
 </div> 
 
</div>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

上一篇：单纯使用CSS实现动态提示信息

下一篇： Android编程获取网络时间实例分析

DIV+CSS 网页TIP的简单作法