html怎么实现鼠标放在文字上显示文字（附带代码）？

html-css05

html怎么实现鼠标放在文字上显示文字（附带代码）？,第1张

实现鼠标悬停显示文字，html中使用title属性就可实现显示文字的效果，这个属性还是比较实用的，你可以参考下

<a href="#" title="这里是显示的文字">hello</a>

当鼠标悬停在 hello上一会就会有文字 "这里是显示的文字" 显示。

HTML输入框输入后变成文本是通过输入后失去焦点，更改为label嵌套input来实现的。

实现思路：当输入文本后，隐藏input对象，然后把文本内容追加到label标签内。

实现代码：

1、html代码：

<!DOCTYPE

html>

<html>

<head>

<script

src="jquery-1.8.3.min.js"/>

</head>

<body>

<label>

 

 <input

type="text"

name="输入后消失"

id="input1"/>

</label>

</body>

</html>

2、js代码：

$(document).ready(function(){

 

$("#input1").blur(function(){

 

 

$(this).hide()

 

 

$(this).parent().html($(this).val())

 

})

})

3、显示效果如下：

输入文字：

显示结果：