css设置图片逐渐消失

 /**kid逐渐消失*/function dieout(){var oImg = document.getElementById("kid");  //获得图片objvar iAlpha = 60;//用来定义默认的图片的透明度  die(oImg); var oTimer = null;}//定时器  function changeOpacity(obj, iTarget) {  var oTimer = null;clearInterval(oTimer);  //关闭定时器  var iSpeed = 0;  //速度  if (iAlpha < iTarget) {  iSpeed = 15;  } else {  iSpeed = -15;  };  oTimer = setInterval(function() {  if (iAlpha == iTarget) {  clearInterval(oTimer);  } else {  iAlpha += iSpeed;  //设置透明度  obj.style.opacity = iAlpha / 100;  obj.style.filter = "alpha(opacity=" + iAlpha + ")";  };  }, 1000);  }  function die(oImg) {//逐渐消失  iAlpha=100;  oImg.style.opacity=1;//设置透明度  oImg.style.filter='alpha(opacity=100)';//设置透明度 IE  changeOpacity(oImg, 0);  };  function display(oImg){//逐渐显示  iAlpha=0;  oImg.style.opacity=0;//设置透明度  oImg.style.filter='alpha(opacity=0)';//设置透明度 IE  changeOpacity(oImg,100);  };

css设置图片逐渐消失相关推荐

html照片与照片之间的间隔,css设置图片之间的间隔的方法
css设置图片之间的间隔的方法发布时间:2021-01-05 09:32:24 来源:亿速云阅读:116 作者:小新这篇文章将为大家详细讲解有关css设置图片之间的间隔的方法,小编觉得挺实用的, ...
CSS设置图片的对齐
CSS设置图片的对齐横向对齐方式图片的水平对齐方式和文字的水平对齐方式基本相同,分别是左.中.右三种方式,不同的是,图片的水平对齐通常不能直接通过设置图片的text-align属性设置,而是,通过 ...
CSS设置图片的重复
CSS设置图片的重复 CSS通过设置background-repeat属性来设置图片的重复方式,包括水平重复.竖直重复和不重复等. 图片的竖直方向重复. <span style="fo ...
html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
html 设置图片左对齐,CSS设置图片的对齐
CSS设置图片的对齐横向对齐方式图片的水平对齐方式和文字的水平对齐方式基本相同,分别是左.中.右三种方式,不同的是,图片的水平对齐通常不能直接通过设置图片的text-align属性设置,而是,通过 ...
CSS设置图片的位置
CSS设置图片的位置 CSS通过background-position属性来调整背景图片的位置. 比如,当希望背景图片显示在页面的右下角时,可以设置属性值为bottomright即可. <spa ...
html语言图片无法居中,css设置图片无法居中是什么原因？
在进行网页布局的时候,有时候图片的位置可能会影响整个页面的美观程度,我们经常会设置图片居中显示,但有时我们会遇到css设置图片无法居中. 下面我们来看一下css设置图片无法居中是什么原因. css设置 ...
CSS设置图片与文字水平居中对齐
很简单,设置图片的一个css样式即可,代码如下: <div><img src="url" style="vertical-align:middle;&q ...
css 设置图片为灰色
css设置整张图片颜色为灰色 css代码: .img_gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms ...

css设置图片逐渐消失

css设置图片逐渐消失相关推荐

最新文章

热门文章