Html CSS floating advertising banner implementation decomposition_HTML/Xhtml

Html CSS floating advertising banner implementation decomposition_HTML/Xhtml_web page production

WBOY

Release： 2016-05-16 16:39:37

Original

2227 people have browsed it

1.html part

Copy code

The code is as follows:

blog_floatdiv.html

I am a floating div

floating div
floating div floating div floating div floating div floating div floating div floating div floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div floating div floating div floating div floating div floating div floating div floating div floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div
floating div

2.css part

Copy code

The code is as follows:

#fdiv{
width:200px;
height: 500px;
background: yellow;
position: fixed;
top: 128px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop) );
}
#fdiv img{
margin-left: 190px;
margin -top: 470px;
}

3.js part

Copy code

The code is as follows:

$(function() {
$("#fdiv img").click(function(){
$("#fdiv").hide( );
});
});