cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah javascript untuk mencapai kesan fade-out lapisan div

Kaedah javascript untuk mencapai kesan fade-out lapisan div

PHPz
PHPzasal
2016-05-16 15:57:201592semak imbas

Artikel ini terutamanya memperkenalkan kaedah Javascript untuk mencapai kesan pudar p-layer, yang melibatkan teknik yang berkaitan dengan manipulasi JavaScript terhadap elemen halaman dan perubahan gaya Rakan yang memerlukan boleh merujuk kepada 

<!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=utf-8" />
<title>Test Alpha</title>
<style type="text/css">
  #show {
    background:#ffff66;
    font-size:12px;
    height:200px;
    width:300px;
    left:300px;
    position:absolute;
    text-align:center;
    filter:alpha(opacity=0);
  }
</style>
</head>
<body onload={document.getElementById(&#39;show&#39;).style.opacity=0;}>
<p id="show"></p>
<button onclick=fun()>button</button>
</body>
<script>
function fun(){
  var p=document.getElementById(&#39;show&#39;);
   p.style.opacity=1;
   hidden(document.getElementById("show"),1,-0.01);
}
function hidden(o,i,s){
  t=setInterval(function(){  
  i+=s;
  o.style.opacity=i;
  if(i<0)window.clearInterval(t); 
  },1);  
};
</script>
</html>

untuk lebih lanjut tutorial berkaitan Sila lawati Tutorial Video JavaScript

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js melaksanakan fungsi kira detik selepas menghantar kemahiran kod_javascript pengesahanArtikel seterusnya：js melaksanakan fungsi kira detik selepas menghantar kemahiran kod_javascript pengesahan

Artikel berkaitan

Lihat lagi