Community Learn Tools Library Leisure

English

Home > Web Front-end > CSS Tutorial > Couplet advertising code implemented in css_CSS/HTML

Couplet advertising code implemented in css_CSS/HTML

WBOY

Release： 2016-05-16 12:03:43

Original

2890 people have browsed it

css code

Copy code The code is as follows:

.couplet_ad
/ * Bottom fixed*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}
* html .couplet_ad
/ * IE6 bottom fixed*/{_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));}
.couplet_ad a{ display:block; cursor:pointer ;}
#ad_left{ left: 0px;}
#ad_right{ right: 0px;}

html code (just put the code directly into the html)
On the left side of the couplet ad

Copy code The code is as follows:

Couplet advertising code implemented in css_CSS/HTML

Close cn
div>

On the right side of the couplet advertisement

Copy code The code is as follows:

This js is the close button code

Copy code The code is as follows:

Related labels：

css对联广告

source：php.cn

Previous article：How to set iframe background transparency_Basic Tutorial Next article：CSS Hack Encyclopedia-Teach you how to distinguish IE6-IE10, FireFox, Chrome, Opera_Experience exchange

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn