DIV 在网页上不动, 而且不抖动...

最新推荐文章于 2024-11-16 00:27:13 发布
最新推荐文章于 2024-11-16 00:27:13 发布
阅读量913 收藏
点赞数 1
文章标签： div xhtml border html table 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dyflovexlp/article/details/5003394
版权
一定要有dtd声明...兼容各浏览器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
#fcart {
 width: 125px;
 background-color: #EEE;
 color: #333;
 border: 1px solid black;
 padding: 0 10px 10px 10px;
 left: 1000px;
 z-index: 1;
 display:block;
 top:30px;
 position:fixed;
}
</style>
</head>
<body>
<div id="fcart" align="center">
 <table>
   <thead bgColor="red">
  <tr><td>标题一</td><td>标题二</td></tr>
 </thead>
 </table>
</div>
  <table border="1" align="center"  id="table2">
 <thead bgColor="red">
  <tr><td>标题一</td><td>标题二</td></tr>
 </thead>
 <tbody>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
   <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
    <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
  <tr><td>dddd</td><td>dddd</td></tr>
 </tbody>
  </table>

</body>
</html>
dyflovexlp
关注
arm qcamera不显示_I.MXRT上使用LittlevGL GUI显示
weixin_28630185的博客
12-30 403
LittlevGL是一个开源的GUI软件，它是Gábor Kiss-Vámosi开发和维护的。LittlevGL 系统概述LittlevGL 系统包括应用程序，LVGL图形库以及Driver特定驱动程序，其中应用程序创建GUI，并处理特定任务的应用程序。应用程序可以与图形库进行通信并创建GUI，它包含HAL硬件抽象层接口，用于注册显示和输入设备驱动程序。Driver 除了应用中...
jquery简单实现滚动条下拉DIV固定在头部不动
11-30
标题中的"jquery简单实现滚动条下拉DIV固定在头部不动"描述了一个常见的网页设计功能，即当用户滚动页面时，某个特定的DIV元素（在这个例子中是类名为`.pf`的元素）会在达到预设位置（这里是250像素）后，始终保持在...
设置一个div在页面的位置不动
weixin_33939843的博客
12-15 1389
2019独角兽企业重金招聘Python工程师标准>>> ...
动画-使用第三方animate.css类库实现动画
RR_chen的博客
06-07 425
Animate.css ——CSS3动画库 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。     https://www.dowebok.com/demo/2014/98/ 在该网址可查看每个class的效果     &n
html加背景图片不动,css如何设置背景固定不动？
weixin_28020031的博客
06-04 5096
在前面的经验中，我们知道了怎么用css来设置背景图片，但是鼠标滚动滚轮时，背景图片会随同网页内容一起滚动，怎么才能让背景图片固定不动呢？背景图固定不动，不跟随滚动条滚动：背景附着属性 background-attachmentbody {background-image:url(../images/css_tutorials/background.jpg);background-repeat:no...
前端动画开源库animate.css
一只京大的博客
04-13 3476
ad. 张京项目展示地址&amp;个人网站：https://www.zj1024.com Animate.css 1.简介：一个跨浏览器的 css3 动画库，内置了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）、放大缩小（等多达 60 多种动画效果，几乎包含了所有...
网页滚动特效—WOW.JS快速使用教程
LeonG是什么意思？
03-23 2061
一、wow.js 当页面滚动时产生一些动画效果页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。所需要的附件：wow.js animate.css（文章最后有下载地址）演示动画：二、首先说明一下怎么使用这个插件：　　1、wow.js依赖于animate.css，首先在头部引用animate.css或者animate.min.css。 &lt;link...
html 晃动效果,[CSS3]div抖动效果
weixin_31787547的博客
06-03 1257
抖动效果内又有很多种类，比如正常抖动、微抖、闪烁、疯狂抖动、水平抖 都有。下面是正常抖动的CSS (官方css有很多).shake{display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.shake:h...
vue.js刷新页面出现闪烁问题的解决方案
Joe_yuqiao的博客
09-14 1349
在使用vue时会出现加载渲染页面时闪烁，一般有以下两个情况： 1.使用了{{}},解决方案使用v-bind 2.使用v-if，出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。 以上两个问题都可以使用以下的方案来解决。 在css中定义 [v-cloak] { display:none; } 在标签中加上v-cloak即可解决. <div v-cloak> {{ message }} </div> ...
92.更新一些收藏的经验贴总结学习
银河与猫的博客
11-07 485
十进制（八进制、十六进制）转二进制：除2取余法二进制转十进制：从右到左按权展开（2的n次方）二进制转八进制：3位一划，从右到左按权展开，不足补零（2的n次方）二进制转十六进制：4位一划，从右到左按权展开，不足补零（2的n次方）十进制转八进制（十六进制）：除8（16）取余法八进制（十六进制）转十进制：从右到左按权展开（8的n次方或16的n次方）八进制与十六进制相互转换：可先转为二进制（十进制）再相互转换十进制负数转八进制（十六进制）：先将负数写为补码再用二进制转换。
animate.css 是一个 CSS3 动画库，它预设了抖动、闪烁、弹跳等多种动画效果
02-08
Animate.css 是一个强大的开源 CSS3 动画库，它为开发者提供了一系列预先设计好的动画效果，使得在网页设计中添加动态元素变得简单易行。这个库包含了许多有趣的动画，如抖动、闪烁、弹跳等，可以极大地提升用户体验...
jQuery实现的Div窗口震动特效
10-25
简单来说，这是一种动态的页面视觉效果，当用户与页面上的某个元素（如按钮）进行交互时，页面上的一个或多个Div元素会产生抖动或震动的动画效果，从而给用户带来视觉上的趣味体验。这种特效在网页设计中经常被用来...
鼠标抖动DIV边框特效效果
06-12
"鼠标抖动DIV边框特效效果"是一种创新的交互设计，它可以为网站增添趣味性和互动性。这种特效通常用于提示用户关注某个特定的内容区域，使其在浏览网页时更加聚焦。下面我们将详细探讨实现这一效果所需的技术知识。 ...
纯CSS3鼠标悬停抖动效果.zip
07-11
【描述】中提到的是一个简单的应用场景，即当用户的鼠标指针悬停在某个元素上时，该元素会产生视觉上的抖动效果，这种效果通常用于吸引用户注意力或者增加交互体验。CSS3是层叠样式表（Cascading Style Sheets）的第...
【学习】【HTML】HTML、XML、XHTML
m0_61097007的博客
11-12 794
HTML (HyperText Markup Language) 是一种用于创建和展示网页的标准标记语言。它由一系列的元素组成，这些元素通过标签的形式来告诉浏览器如何显示内容。HTML5 是第五个主要版本的 HTML，旨在改进 Web 应用的功能和性能。引入了许多新特性，如语义化标签、多媒体支持、表单控件、本地存储等。XML 是一种用于存储和传输数据的标记语言。强调数据的结构化表示，要求所有标签必须正确闭合，并且区分大小写。
【学习】【HTML】localStorage、sessionStorage、cookie
m0_61097007的博客
11-13 849
是 Web 存储的一种形式，它允许在浏览器中存储键值对。是网站通过 Web 浏览器留在访问者电脑上的一小段信息。）API 的一部分，用于在客户端浏览器中存储数据。
11.15 HTML
最新发布
m0_73618358的博客
11-16 470
Web标准也称为网页标准，由一系列标准组成，大部分由W3C （World Wide Web Consortium，万维网联盟）负责制定。：负责网页的结构（页面元素和内容）。：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）：负责网页的行为（交互效果）HTML标签都是预定义好的。例如：使用<a> 展示超链接，使用<img> 展示图片，<video>展示视频。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。
HTML面试题
weixin_62668406的博客
11-14 889
src用于指定要加载的资源路径，常出现于标签由name（指定元数据的名称）和content（提供与name对应的数据）定义，用于描述网页。href用于指定的目标地址和在文档头部使用引入外部样式表时，用href制定样式表的地址。defer适用于需要在HTML完全解析后才运行的JS，尤其是依赖于DOM的JS，适用于包含多个JS的页面。5.
HTML之表单学习记录
qq_74474809的博客
11-14 337
表单
jQuery插件jRumble：网页元素动态抖动教程
1. `rangeX`和`rangeY`: 控制抖动的水平和垂直范围，允许自定义元素在x和y轴上的移动距离。 2. `rangeRot`: 设置旋转抖动的角度，增加动态感。 3. `rumbleSpeed`: 决定抖动的速度，值越高，抖动越快。 4. `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值