html里图片上鼠标悬停就会有文字属于什么特效_随笔

动画特效。html里图片上鼠标悬停就会有文字属于动画特效。鼠标悬停的意思是指当鼠标在网页的部分图标、文字或者图片上停留的时候，会有部分内容d出，档从这个图标、文字或者图片上移开鼠标后，d出的内容自动缩回。

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

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

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

可以使用图片自带title属性，设置提示信息！

优点：简单，快捷。

缺点：提示信息样式单一，而且不明显。

如代码：

利用鼠标事件onmouseover，利用js，控制鼠标移入时候，上方会出现自己用CSS样式写出的想要表达的提示信息。

优点：提示信息样式可以自己定义，个性化。

缺点：比较复杂，需要web前端开发人员来做。没有html,css,js基础的人，不容易实现。

参考：可以参考W3C中的HTML，CSS,JavaScript，来帮助自己实现功能效果。

代码如下：

<!DOCTYPE html>

<html>

<head>

function bigImg(x)

{

x.style.height="180px"

x.style.width="180px"

}

function normalImg(x)

{

x.style.height="128px"

x.style.width="128px"

}

</script>

</head>

<body>

<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>

<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html里图片上鼠标悬停就会有文字属于什么特效