怎样让一个div逐渐消失
答案:2 悬赏:40 手机版
解决时间 2021-01-06 06:59
- 提问者网友：雨不眠的下
- 2021-01-05 19:42
怎样让一个div逐渐消失
最佳答案
- 五星知识达人网友：夜风逐马
- 2019-12-20 02:24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div id="div" style="width:200px;height:200px;background-color:#ddeeff;">asdfasdfsadfsadfasdfasdfsd</div>
</body>
<script type="text/javascript">
var o = document.getElementById("div");
var i=0;
function change(){
i++;
if(document.all) o.style.filter = "Alpha(Opacity=" + i + ")"; //for IE
else o.style.opacity = i/100; //for FF
if(i>100) i=0;
}
window.setInterval(change,10);
</script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div id="div" style="width:200px;height:200px;background-color:#ddeeff;">asdfasdfsadfsadfasdfasdfsd</div>
</body>
<script type="text/javascript">
var o = document.getElementById("div");
var i=0;
function change(){
i++;
if(document.all) o.style.filter = "Alpha(Opacity=" + i + ")"; //for IE
else o.style.opacity = i/100; //for FF
if(i>100) i=0;
}
window.setInterval(change,10);
</script>
</html>
全部回答
- 1楼网友：愁杀梦里人
- 2020-07-20 09:48
那你就把鼠标点击的范围给确定了呗，当点击div时，鼠标的作用范围就在这个层上，当不点击这个层时，你就让鼠标的范围确定的出层之外的范围呗！js获取鼠标的范围就可以了。这个你应该会吧.
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯