1.html部分

復(fù)制代碼

代碼如下:

<!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">
我是浮動(dòng)的div<img src="images/logingb.png">
</div>
浮動(dòng)的div
浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div 浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div
浮動(dòng)的div

</body>
</html>

2.css部分

復(fù)制代碼

代碼如下:

#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部分

復(fù)制代碼

代碼如下:

$(function() {
$("#fdiv img").click(function(){
$("#fdiv").hide();
});
});

標(biāo)簽：哈密潮州山南延邊荊門懷化青島昭通

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《Html+CSS浮動(dòng)的廣告條實(shí)現(xiàn)分解》，本文關(guān)鍵詞 Html+CSS,浮動(dòng),的,廣告,條,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

濮阳杆衣贸易有限公司

Html+CSS浮動(dòng)的廣告條實(shí)現(xiàn)分解