Home >Web Front-end >HTML Tutorial >Html CSS floating advertising banner implementation decomposition_HTML/Xhtml_web page production
Html CSS floating advertising banner implementation decomposition_HTML/Xhtml_web page production
- WBOYOriginal
- 2016-05-16 16:39:372288browse
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( );
});
});
Statement：
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