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

html-css024

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

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

源码：

逐字出来的效果，哈哈哈哈哈哈哈哈哈

var index = 0

var str = document.getElementById("string").innerHTML

setInterval(function() {

if(index == str.length) {

//清除定时器

clearInterval()

//若要让效果无限循环，把index归0即可

// index = 0

}

var a = document.getElementById("showStr")

a.innerText = str.substring(0, index++)

},400)