手机
当前位置:查字典教程网 >网页设计 >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浮动的广告条实现分解】相关文章:

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

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

html超级链接标记A的TARGET属性详解

html借助marquee实现文字左右滚动

html固定标题列、标题头table具体实现代码

用CSS对TD中INPUT的宽度设置

HTML link标记的rel属性

xhtml的块级标记小结

iframe如何刷新的三种实现方案

html中锚标记用法实例分享

精品推荐
分类导航