手机
当前位置:查字典教程网 >网页设计 >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借助marquee实现文字左右滚动

html 文本框(text)不可用只读的多种实现方法

shtml与html的区别说明

a标签的name属性和id属性实现页内跳转的方法

网页设计之网页音乐的实现技巧

HTML仿命令行界面具体实现

HTML link标记的rel属性

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

借助HTML分别禁用IE8, IE9的兼容视图模式的小技巧

用CSS对TD中INPUT的宽度设置

精品推荐
分类导航