1、先准备好两张图片，一张是你想要弹出的图片，一张是用来关闭的小图片。
2、把下面代码加到<head>与</head>之间：
<style type="text/css">
img{border:0px;}
#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;}
#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;}
</style>
3、把下面代码加到<body>与</body>之间：
<div id="haoetv" style="width:328px;height:150px;z-index:99;text-align:right">
<div><a href="#" target="_blank"><img src="/images/001.jpg" alt="图片标题描述"></a></div>
<div id="close" style="z-index:999;float:right;margin:10px 10px 0 0;height:140px;">
<img src="/images/002.gif" onClick="this.parentNode.parentNode.style.display='none';">
</div>
</div>
4、要显示的大图片的尺寸可以自己调，链接也可以修改，描述也可以修改，在哪里？在<div id="haoetv" style="width:328px;height:150px;z-index:99;text-align:right">
<div><a href="#" target="_blank"><img src="/images/001.jpg" alt="图片标题描述"></a></div>中可调整图片的宽度“width:328px;”，高度“height:150px;”，“href="#"”可修改图片的链接地址，“alt="图片标题描">”可以修改图片描述述。
5、关闭小图片的代码在哪里修改？在 <div id="close" style="z-index:999;float:right;margin:10px 10px 0 0;height:140px;">
<img src="/images/002.gif" onClick="this.parentNode.parentNode.style.display='none';">中“src="/images/002.gif"”可以填写关闭小图片地址，大小根据你上传的小图片大小自动调。
6、全部完成！
