手机
当前位置:查字典教程网 >网页设计 >XHTML >Html+CSS浮动的广告条实现分解
Html+CSS浮动的广告条实现分解
摘要:1.html部分blog_floatdiv.html我是浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div...

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="./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();

});

});

【Html+CSS浮动的广告条实现分解】相关文章:

html中div不自动换行、强制不换行的具体实现

Input的size与maxlength属性的区别自我理解

有效网页表单的八条规则

HTML link标记的rel属性

HTML表格边框的控制实现代码

html中的div、td 、p 等容器内强制换行和不换行的实现

html+css+javascript实现列表循环滚动示例代码

shtml与html的区别说明

XHTML CSS网站设计的优势和问题

Html轻松实现圆角矩形

精品推荐
分类导航