鼠标滑过链接的图片时,图片由朦胧到清晰的逐渐显示出来

引用请注明出处: https://seonoco.com/blog/1104

NOCO发布于 分类 Html5

620天前 有1个用户阅读过

本文来自我的百度空间博客详情

2007年开始使用的是 hi.baidu.com/udjy
后来百度空间强制升级为轻博客 hi.baidu.com/imnoco
2015年百度关闭了百度空间

使鼠标滑过链接的图片时,图片由朦胧到清晰的逐渐显示出来

下面代码加入到head之间

<SCRIPT language=javascript>
function high(which2) {
theobject=which2
highlighting=setInterval("highlightit(theobject)",100)
}

function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity〈100)
cur2.filters.alpha.opacity+=30
else if (window.highlighting)
clearInterval(highlighting)
}
</SCRIPT>
在每个图片连接加入已下代码

style="FILTER: alpha(opacity=40)"onmouseout=low(this)

onmouseover=high(this)

-- The End --

本文标题: 鼠标滑过链接的图片时,图片由朦胧到清晰的逐渐显示出来

本文地址: https://seonoco.com/blog/1104

本文是否有所帮助?
点赞 0
感谢支持
0
多谢反馈
评论 0
打赏

支持微信/支付宝

评论

网友