UC知道网页设计，帮我解释一下代码，没怎么看懂!谢谢啦！
来源：百度知道 编辑：UC知道 时间：2024/06/25 19:21:30
<td width="178" height="158" valign="top">
<script>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</script>
<p>
<span id=imgObj onmouseleave='doTrans("gray")' style="FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px" onmouseenter='doTrans("")'>
<img src="images/vi1.jpg" width="200" height="233" id=oImg style="FILTER: gray" />
</span>
</p>
</td>
<script>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</script>
<p>
<span id=imgObj onmouseleave='doTrans("gray")' style="FILTER:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); WIDTH: 1px" onmouseenter='doTrans("")'>
<img src="images/vi1.jpg" width="200" height="233" id=oImg style="FILTER: gray" />
</span>
</p>
</td>
简单的说
这是一个网页滤镜效果
做出来的效果为灰度处理图片
当鼠标旨在图片上是为原色
鼠标离开时为灰色
首先看脚本
imgObj表示这个网页上面得这个IMG对象
filters[0].apply();和filters[0].play();表示动态执行滤镜
意思就是说让IMG上的滤镜效果动态执行
然后看IMG
style="FILTER: gray"
FILTER表示滤镜
gray属性表示灰度
再看事件
onmouseleave='doTrans("gray")'
鼠标移开时传入gray参数
oImg.style.filter = filterCode 等同于style="FILTER: gray"
onmouseenter='doTrans("")'
鼠标移上时传入了空字符
等同于style="FILTER: "也就是取消了滤镜参数
同时说明
滤镜并未得到W3C的认可
现在目前只有使用IE内核的浏览器支持滤镜效果
比如火狐就不支持滤镜效果
如果要做到通用的话还是慎用!!!
<td width="178" height="158" valign="top">
这个是行,里面有款,高,位置的设置
<script>
function doTrans(filterCode)
{
imgObj.filters[0].apply();
oImg.style.filter = filterCode
imgObj.filters[0].play();
}
</script>
这是个脚本,里面的东西关联到实体了应该...imgObj不记得有这个对象..
以下是