Question

js图片鼠标经过出现文字的特效html求教

求教,有一个16:9的图片小方块,当鼠标经过时我想让变暗,然后显示文字,请问用js如何实现.

Answer 1

如果是纯色的方块，你直接用css就能实现，如果不是的话，就用js吧，css的话，你先把字体颜色设置成和方块背景一样的，然后写一个：hover的属性，就是鼠标经过时的属性，这时候你把背景变暗，然后文字颜色改变一下就好。js的话，写一个mouseover的事件，先让文字处于display：none；的状态，经过时，变成display：block；这样。