HTML5 怎么才能实现鼠标放上有显示内容 HTML 鼠标文字上 显示文字

html5\u600e\u4e48\u5b9e\u73b0\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\u6587\u672c

hello

\u5f53\u9f20\u6807\u60ac\u505c\u5728 hello\u4e0a\u4e00\u56de\u5c31\u4f1a\u6709\u6587\u5b57 \u8fd9\u91cc\u662f\u663e\u793a\u7684\u6587\u5b57 \u663e\u793a\u3002

\u5728\u4f60\u597d\u5b57\u4e0a\u52a0\u5165 \u6807\u7b7e alt="\u4f60\u597d"\u5c5e\u6027
\u5982\uff1a\u6bd4\u5982\u52a0\u5165\u4e00\u4e2a\u56fe\u7247\uff0c\u55ef\u5728\u56fe\u7247\u540e\u9762\u52a0\u5165altalt="\u4f60\u597d"\u5c5e\u6027,\u5f53\u9f20\u6807\u79fb\u5230\u4e0a\u9762\u65f6\u5c31 \u4f1a\u663e\u793a \u4f60\u597d \u5b57\u6837

js mouseover事件 事先一块区域隐藏 鼠标经过就显示

css有个hover伪类可以实现，js有mouseover和mouseout事件

<style>
ul,li,dt,dd {margin:0; padding:0; list-style:none; box-sizing:border-box}
ul {height:40px;}
ul li {float:left; position:relative; width:100px; height:40px; background-color:#4a6}
ul li dt {width:100px; height:40px; line-height:40px; color:#fff; text-align:center; border:1px solid #eee}
ul li dd {display:none; position:absolute; top:40px; left:0; width:160px; padding:10px; border:1px solid #ccc}
ul li:hover {background-color:#6c8}
ul li:hover dd {display:block}
</style>
<ul>
   <li>
      <dt>鼠标移到这</dt>
      <dd>现在看到了吧？</dd>
   </li>
   <li>
      <dt>鼠标移到这</dt>
      <dd>现在看到了吧？</dd>
   </li>
   <li>
      <dt>鼠标移到这</dt>
      <dd>现在看到了吧？</dd>
   </li>
</ul>

扩展阅读：鼠标按键响应多少ms ... 鼠标左侧两个按键设置 ... 鼠标指针不受控制的乱动 ... 鼠标各个按键图解 ... 鼠标宏怎么设置 ... 罗技g502鼠标键位图 ... 网易mc怎么调出鼠标 ... html鼠标经过效果代码 ... 电脑网易版怎么调出鼠标 ...