管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript实现网站顶部出现几秒后图片缓慢消失的效果

<!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>管理资源吧 www.glzy8.com</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0Avar%20fudongAD%20%3D%20document.getElementById(%22headads%22)%3B%20%0D%0AsetTimeout(%22noneheadads()%22%2C%203000)%3B%20%2F%2F%E5%81%9C%E7%95%99%E6%97%B6%E9%97%B4%E8%87%AA%E5%B7%B1%E9%80%82%E5%BD%93%E8%B0%83%E6%95%B4%20%0D%0A%7D%20%0D%0Avar%20height2%20%3D%20339%3B%20%2F%2F%E9%AB%98%E5%BA%A6%20%0D%0Afunction%20noneheadads()%20%7B%20%0D%0Aheight2%20%3D%20height2%20-%2010%3B%20%0D%0Aif%20(height2%20%3C%3D%200)%20%7B%20%0D%0Adocument.getElementById(%22headads%22).style.display%20%3D%20%22none%22%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Adocument.getElementById(%22headads%22).style.height%20%3D%20height2%20%2B%20%22px%22%3B%20%0D%0AsetTimeout(%22noneheadads()%22%2C%2040)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="headads" style="margin: 0 auto; overflow:hidden;"><img src="http://files.glzy8.com/file_images/photoshop/201101/2011012812333783.jpg" _ewebeditor_ta_src="http%3A%2F%2Ffiles.glzy8.com%2Ffile_images%2Fphotoshop%2F201101%2F2011012812333783.jpg" /></div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程