鼠标滑过图层或图片时，显示TITLE标题提示特效 

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>网页特效频道 |石家庄绿植租赁|石家庄电缆附件</title>
 <style>
.wrap{}
.wrap .box{border:2px solid red;width:200px;height:200px;float:left;margin-right: 10px;margin-bottom: 10px;}
.wrap .box:hover h1{display:block;}
.wrap .box h1{background:#333;color:white;display:none;}
 </style>
</head>
<body>
 <div class="wrap">
  <div class="box">
   <h1>阿里西西</h1>
  </div>
  <div class="box">
   <h1>网页特效</h1>
  </div>
  <div class="box">
   <h1>JS特效</h1>
  </div>
  <div class="box">
   <h1>网页制作教程</h1>
  </div>
  <div class="box">
   <h1>js.alixixi.com</h1>
  </div>
  <div class="box">
   <h1>网页模板</h1>
  </div>
 </div>
</body>
</html>

 

posted @ 2015-04-25 11:28  滇时尚  阅读(349)  评论(0)    收藏  举报