您的位置：首页 > 其它

鼠标接触图片变亮效果

2016-06-02 12:54 274 查看

HTML代码

<script language="JavaScript">
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",20)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=50
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
-->
</script>
<img src=http://blog.ybj86.cn/attachments/month_0705/s200752003349.jpg onMouseOut=low(this) onMouseOver=high(this) style="FILTER: alpha(opacity=50)" Equipm>

[Ctrl+A 全部选择
提示：你可先修改部分代码，再按运行]
 
http://blog.ybj86.cn/article.asp?id=136
 
图像由黑白变彩色
 
 

把如下代码复制到<head>与</head>之间

<SCRIPT>

function doTrans(filterCode)

{

imgObj.filters[0].apply();

oImg.style.filter = filterCode

imgObj.filters[0].play();

}

</SCRIPT>
 

把如下代码复制到<body>与</body>之间
 

<p><SPAN id=imgObj
onmouseleave='doTrans("gray")' style="FILTER:
progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px"
onmouseenter='doTrans("")'><IMG
id=oImg style="FILTER: gray"
src="pic/wallpaper.jpg">
</SPAN></p>
 
http://www.butong.net/img/051002/index.htm
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航