css模拟title和alt的提示效果

zoukankan html css js c++ java

css模拟title和alt的提示效果

运行代码框
<style> .info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;} .info:hover {background:#eee;color:#333;} .info span {display: none } .info:hover span {display:block;position:absolute;top:30px;left:60px;130px;border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;} </style> <body> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</a> <a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</a> </body>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

查看全文

相关阅读:
Android应用开发基础篇（16）-----ScaleGestureDetector（缩放手势检测）
Android应用开发基础篇（15）-----URL（获取指定网址里的图片）
Android应用开发基础篇（14）-----自定义标题栏
 Android应用开发提高篇（6）-----FaceDetector（人脸检测）
Android应用开发提高篇（5）-----Camera使用
 Android应用开发提高篇（4）-----Socket编程（多线程、双向通信）
Android应用开发基础篇（13）-----GestureDetector（手势识别）
Android应用开发基础篇（12）-----Socket通信
 Android应用开发实例篇（1）-----简易涂鸦板
 Android应用开发提高篇（3）-----传感器（Sensor）编程

原文地址：https://www.cnblogs.com/QDuck/p/538272.html