Html+CSS浮動的廣告條實現(xiàn)分解
來源：懂視網(wǎng)
責(zé)編：小采
時間：2020-11-27 14:44:59
Html+CSS浮動的廣告條實現(xiàn)分解
Html+CSS浮動的廣告條實現(xiàn)分解:1.html部分 代碼如下: <!DOCTYPE html> <html> <head> <title>blog_floatdiv.html</title> <meta http-equiv=keywords content=keyword1,keyword2,keyword3&
導(dǎo)讀Html+CSS浮動的廣告條實現(xiàn)分解:1.html部分 代碼如下: <!DOCTYPE html> <html> <head> <title>blog_floatdiv.html</title> <meta http-equiv=keywords content=keyword1,keyword2,keyword3&
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)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Html+CSS浮動的廣告條實現(xiàn)分解
Html+CSS浮動的廣告條實現(xiàn)分解:1.html部分 代碼如下: <!DOCTYPE html> <html> <head> <title>blog_floatdiv.html</title> <meta http-equiv=keywords content=keyword1,keyword2,keyword3&
