主頁 > 知識庫 > Html+CSS浮動的廣告條實現(xiàn)分解

Html+CSS浮動的廣告條實現(xiàn)分解

熱門標簽:最簡單的百度地圖標注店鋪 錦州企業(yè)外呼系統(tǒng) 新鄉(xiāng)機器人外呼系統(tǒng) 梧州地圖標注app 禹州電話外呼系統(tǒng) 水經(jīng)注萬能地圖標注 青海保險智能外呼系統(tǒng)商家 營口400電話申請 AI外呼系統(tǒng) 價格
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();
});
});

標簽:哈密 潮州 山南 延邊 荊門 懷化 青島 昭通

巨人網(wǎng)絡(luò)通訊聲明:本文標題《Html+CSS浮動的廣告條實現(xiàn)分解》,本文關(guān)鍵詞  Html+CSS,浮動,的,廣告,條,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Html+CSS浮動的廣告條實現(xiàn)分解》相關(guān)的同類信息!
  • 本頁收集關(guān)于Html+CSS浮動的廣告條實現(xiàn)分解的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章