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⑻">
<!--<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⑴.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();
});
});