网页图片显示一段时间后自动隐藏 怎样实现 实现代码

网站需要改版了，要在首页加个介绍改版的图片，刚开始不知道该怎么实现，上网查了一下，终于找到了，这个功能能实现了，代码如下：

<script #src=" [url]http://gpcgpan.blog.51cto.com/[/url]">var delay=1*"#delay=8".replace(/.*#delay=(\d+).*|.*/,"$1");

if(delay<1)delay=8;

document.write ('<TABLE WIDTH="760" BORDER="0" CELLSPACING="0" CELLPADDING="0"  ALIGN="center" >');

document.write ('<TR><TD><DIV ID= gpcgpan  STYLE="display: none;"><a href=" [url]http://gpcgpan.blog.51cto.com/[/url]" target=_blank><img src="gpcgpan.jpg" border=0 onload="document.getElementById(\' gpcgpan\').style.display=\'block\';setTimeout(function(){document.getElementById(\'xwcsj\').style.display=\'none\'},'+delay*1000+')"></a>');

document.write (' </DIV><TD></TR></TABLE>');

_addIvyID(" gpcgpan");</script>

以上就是实现的代码，网上找的。如果你有更好的实现方式，可以给我分享一下。