今天小编跟大家讲解下有关Html+CSS浮动的广告条实现分解 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关Html+CSS浮动的广告条实现分解 的相关资料，希望小伙伴们看了有所帮助。
1.html部分 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>blog_floatdiv.html</title> <meta http-equiv="keywords"content="keyword1,keyword2,keyword3"> <meta http-equiv="description"content="this is my page"> <meta http-equiv="content-type"content="text/html; charset=UTF-8"> <!--<link rel="stylesheet"type="text/css"href="https://www.aidi.net.cn//web/./styles.css">--> <link rel="stylesheet"type="text/css"href="https://www.aidi.net.cn//web/./css/blog_floatdiv.css"> <script type="text/javascript"src="https://www.aidi.net.cn//web/./js/jquery-1.9.1.js"></script> <script type="text/javascript"src="https://www.aidi.net.cn//web/./js/blog_floatdiv.js"></script> </head> <body> <div id="fdiv"> 我是浮动的div<img src="https://www.aidi.net.cn//web/images/logingb.png"> </div> 浮动的div 浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div 浮动的div </body> </html> 2.css部分 复制代码代码如下: #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部分 复制代码代码如下: $(function() { $("#fdiv img").click(function(){ $("#fdiv").hide(); }); });来源：爱蒂网
