200字范文 > Html+CSS浮动的广告条

Html+CSS浮动的广告条

时间：2019-12-27 13:27:50

相关推荐

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="./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();});});

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。