html怎么实现鼠标悬停显示文字,鼠标移走文字消失。

已举报 回答 关注
html怎么实现鼠标悬停显示文字,鼠标移走文字消失。
问在线客服
扫码问在线客服
  • 回答数

    4

  • 浏览数

    11,155

4个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
一、html如何实现鼠标悬停显示文字:
(1)首先HTML布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标悬停</title>
</head>
<body>
<div title="我是鼠标悬停文字">我是一个DIV</div>
</body>
</html>
(2)代码图片显示:

(3)CSS样式图片显示:
悬停文字的问题 , 不用加CSS 给它加个title属性就可以了 , 浏览器会默认有这个样式的,最终显示的图片是:

取消 评论
input标签有一个placeholder属性,就是用来提示输入框输入信息的,点击输入框后会自动消失(低版本的IE可能不支持)
例:
<input id="xx" placeholder="请输入账号"></input>
取消 评论
这么简单的问题, 这个是CSS设置的, 设置该ID 或者CLASS下 鼠标在上面的时候背景颜色跟字体颜色就行了!

a:hover{background:#000;opacity:0.5;color:#fff;display:block;}

这里只是把全部都写在一起了, 具体还要根据你表格的选择器来写! 要设置透明度 就用CSS的opacity设置! 字体颜色就是用color!
取消 评论
你直接将背景图赋给a的hover样式就行了啊 给span当然不能起作用了
取消 评论
ZOL问答 > 鼠标 > 其他 > html怎么实现鼠标悬停显示文字,鼠标移走文字消失。

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

扫码参与新品0元试用
晒单、顶楼豪礼等你拿

扫一扫,关注我们
提示

确定要取消此次报名,退出该活动?