经典的固定右下角图片广告代码弹出如何设置
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>与</bo蟠校盯昂dy>之间:<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、全部完成!