Html+CSS浮动的广告条
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="data:images/logingb.png">
</div>
浮动的div
<br>浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div 浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br> 浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>浮动的div
<br>
</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><head><title>网站页首可关闭广告条</title><style type="text/css"> ...
- css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动 这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1．高度塌陷 举个例子我们看一下. 我们在 ...
- 进一步理解CSS浮动与清除浮动
本文主要探讨两个问题: 为什么CSS设置浮动会引起父元素塌陷 为什么设置clear:both能清除浮动,并撑开父元素. 起因 CSS的浮动,算是我在写网页时用的最多的属性之一.但要说我对浮动的了解程度 ...
- (13) css浮动补充
一.字围现象 与前面压盖效果结构类似,同级元素中前面的元素浮动,后面的元素不浮动,不浮动的元素内部还有一些文字,浮动的蓝盒子会压盖住黄绿盒子的一部分,但是文字内容不会被盖住,蓝色盒子中的文字会让开蓝盒 ...
- CSS浮动定位与背景样式
CSS浮动定位与背景样式 1.浮动与定位 1.1 浮动的基本概念 本质功能 : 实现块元素并排布局 使用要点 : 1.要浮动,并排的盒子都要设置浮动2.父盒子宽度足够,否则会被迫换行3.子盒子会按顺序 ...
- 前端之CSS篇(四)——CSS浮动详解
前言:页面布局要学习三大核心,盒子模型,浮动 和定位 . 1.CSS浮动 场景:整个网页的布局 本节需要解决的问题: 为什么需要浮动 浮动的排列特性 3种最常见的布局方式 为什么需要清除浮动 写出至少 ...
- 圆的css样式,圆形进度条css3样式
30% 以下样式100upx是50upx的2倍,这是尺寸比例 .con { position: relative; display: inline-block; height: 100upx; wid ...
- 【干货#011】小程序页面滚动实现广告条隐藏
缘起 小程序需要在手机狭小的屏幕中放入尽量多的内容,而老板想在在页面放个广告条,由于挤占了不然就不大的页面控件,对程序的功能操作又有较大的影响.如何兼顾两者的需求? 下面介绍一种默认显示页面首部广告条 ...
- 漂亮纯css蓝白色横向导航条代码
漂亮纯css蓝白色横向导航条代码 展示图如下: 详细代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...
最新文章
- [Android Traffic] 调整定时更新的频率(C2DM与退避算法)
- ALBERT第一作者亲自讲解：词向量、BERT、ALBERT、XLNet全面解析
- python3编码问题_python3编码问题
- [react] 请说说什么是useImperativeHandle？
- 吕述望 计算机网络专家,特稿： 中科院吕述望教授：互联网名不符实
- 浏览器怪异模式和标准模式之间的区别 DTD
- 腾讯广告算法大赛 | 第一周周冠军心得分享
- mysql中怎样自动生成代码_MySql之自动生成CRUD代码
- java 如何取01 zz_java中synchronized用法(zz)
- 【优化求解】基于matalb遗传算法求解岛屿物资补给优化问题【含Matlab源码 172期】
- cactiEZ 使用
- python实现新年倒计时代码
- SECURITY:补丁
- 网络—— 数据链路层，MTU
- 题解 [校内测试]图森破
- linux 终止作业任务命令,Linux中作业控制命令
- python numpy 求top-k accuracy指标
- 怎么创建dllwenjian_怎样新建一个*.dll的文件?
- 通信教程 | I²C基础原理及通信协议
- 使用腾讯云sms实现短信验证功能