| 标题 | 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="./styles.css">--> <link rel="stylesheet" type="text/css" href="./css/blog_floatdiv.css"> <script type="text/javascript" src="./js/jquery-1.9.1.js"></script> <script type="text/javascript" src="./js/blog_floatdiv.js"></script> </head> <body> <div id="fdiv"> 我是浮动的div<img src="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(); }); }); |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。