Html+CSS浮动的广告条实现分解
导读:收集整理的这篇文章主要介绍了Html+CSS浮动的广告条实现分解,觉得挺不错的,现在分享给大家,也给大家做个参考。 1.htML部分 复制代码代码如下: <!DOCTYPE html> <html> <...
收集整理的这篇文章主要介绍了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">
我是浮动的divimg 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();
} );
} );
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: Html+CSS浮动的广告条实现分解
本文地址: https://pptw.com/jishu/587913.html