Html CSS floating advertising banner implementation decomposition_HTML/Xhtml_web page production

1.html part

Copy code

The code is as follows:

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( );
});
});