导读:操作步骤/方法1先准备好两张图片,一张是你想要弹出的图片,一张是用来关闭的小图片。2把下面代码加到<head>与</head>之间:3<styletype="text/css">4img{border:0px;}5#haoetv{position:fixed!important;position:absolute;right:0;bottom...
操作步骤/方法
1
先准备好两张图片,一张是你想要弹出的图片,一张是用来关闭的小图片。
2
把下面代码加到<head>与</head>之间:
3
<styletype="text/css">
4
img{border:0px;}
5
#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;}
6
#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;}
7
</style>
8
把下面代码加到<body>与</body>之间:
9
<vid="haoetv"style="width:328px;height:150px;z-index:99;text-align:right">
10
<div><ahref="#"target="_blank"><imgsrc="/images/
11
jpg"alt="图片标题描述"></a></div>
12
<divid="close"style="z-index:999;float:right;margin:10px10px00;height:140px;">
13
<imgsrc="/images/
14
gif"onClick="this.parentNode.parentNode.style.display='none';">
15
</div>
16
</div>
17
要显示的大图片的尺寸可以自己调,链接也可以修改,描述也可以修改,在哪里?在<vid="haoetv"style="width:328px;height:150px;z-index:99;text-align:right">
18
<div><ahref="#"target="_blank"><imgsrc="/images/
19
jpg"alt="图片标题描述"></a></div>中可调整图片的宽度“width:328px;”,高度“height:150px;”,“href="#"”可修改图片的链接地址,“alt="图片标题描">”可以修改图片描述述。
20
关闭小图片的代码在哪里修改?在<vid="close"style="z-index:999;float:right;margin:10px10px00;height:140px;">
21
<imgsrc="/images/
22
gif"onClick="this.parentNode.parentNode.style.display='none';">中“src="/images/
23
gif"”可以填写关闭小图片地址,大小根据你上传的小图片大小自动调。
24
全部完成!
END
以上就是小编为大家介绍的经典的固定右下角图片广告代码弹出如何设置的全部内容,如果大家还对相关的内容感兴趣,请持续关注上海建站网!
标签:
内容声明:网站所展示的内容均由第三方用户投稿提供,内容的真实性、准确性和合法性均由发布用户负责。上海建站网对此不承担任何相关连带责任。上海建站网遵循相关法律法规严格审核相关关内容,如您发现页面有任何违法或侵权信息,欢迎向网站举报并提供有效线索,我们将认真核查、及时处理。感谢您的参与和支持!