超级会员免费看
这篇博客介绍了如何使用JavaScript实现图片的淡入淡出效果，主要通过CSS的filter属性来实现，同时针对IE和其他现代浏览器进行了差异化处理，利用定时器控制动画的执行。
基本思路：使用样式filter，但是要区分IE浏览器和chrom、firefox的不同，具体也是用定时器来实现。
<!DOCTYPE HTML>
<!--
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div1{
width:200px;
height:200px;
background:red;
filter:alpha(opacity:30);opacity:0.3;
}
</style>
<script>
window.οnlοad=function ()
{
var oDiv=document.getElementById('div1');
oDiv.οnmοuseοver=function ()
{
startMove(100);
};
oDiv.οnmοuseοut=function ()
{
startMove(30);
};
};
var alpha=30;//透明度变量，因为样式那里初始是30
var timer=null;
function startMove(iTarget){
var oDiv=document.getElementById('div1');
clearInterval(timer);
timer=setInterval
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
