使用CSS动画使HTML元素消失
基础概念
CSS动画是通过CSS的@keyframes规则来创建的，它允许你定义一个或多个关键帧，浏览器会自动在这些关键帧之间进行平滑过渡。你可以使用CSS动画来改变HTML元素的属性，比如位置、大小、颜色等。
相关优势
- 性能：CSS动画通常比JavaScript动画更高效，因为它们可以利用GPU加速。
- 简洁：CSS动画代码相对简洁，易于维护。
- 兼容性：现代浏览器普遍支持CSS动画。
类型
CSS动画主要有以下几种类型：
- 关键帧动画：通过
@keyframes规则定义动画的关键帧。 - 过渡动画：通过
transition属性实现简单的动画效果。
应用场景
CSS动画广泛应用于网页设计中，比如：
- 页面加载动画
- 图标动画
- 滚动动画
- 表单验证动画
示例代码
以下是一个使用CSS动画使HTML元素消失的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Animation Example</title>
<style>
.box {
width: 100px;
height: 100px;
background-color: red;
animation: fadeOut 2s forwards;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>解释
- HTML部分：创建一个
<div>元素，并赋予其类名box。 - CSS部分：
.box类定义了元素的初始样式，包括宽度、高度和背景颜色。animation属性指定了动画名称fadeOut，持续时间为2秒，并且使用forwards关键字使元素停留在动画结束时的状态。@keyframes fadeOut定义了动画的关键帧，从opacity: 1（完全不透明）到opacity: 0（完全透明）。
可能遇到的问题及解决方法
- 动画不生效：
- 确保CSS文件已正确链接到HTML文件。
- 检查CSS选择器是否正确。
- 确保浏览器支持CSS动画。
- 动画效果不符合预期：
- 检查
@keyframes定义的关键帧是否正确。 - 调整动画的持续时间和延迟时间。
- 检查
- 性能问题：
- 尽量减少动画元素的复杂度。
- 使用
will-change属性优化动画性能。
参考链接
通过以上内容，你应该能够理解如何使用CSS动画使HTML元素消失，并解决可能遇到的问题。
相关·内容
我正在尝试设置一个动画在画布菜单上点击另一个元素。单击按钮后，这样的离开画布菜单就会变成动画。我的代码如下：
()
问题：
$(".ok_3").click( function () {
$(".ok_1").css("right", "90%")
$(".ok_1").css("left", "0px")
$(".ok_1").css("z-index", "1")
$(".ok_2").
浏览 2提问于2016-12-03得票数 0
回答已采纳
1回答
角5中的动画列表
、、
在从列表中添加和删除项目时，创建了一个角度为5的动画。
当添加一个项目时，它会出现在顶部，慢慢地放进列表中，当一个项目被移除时，项目会慢慢地移到顶部并消失。我想要解决的问题是，当一个项目被移除时，它会缓缓地消失，然后列表中的其余项目就会被截取。我需要其余的项目顺利地移动，而不是抓拍。我怎么能这么做？
这里是我的代码：
app.component.ts
import { Component } from '@angular/core';
import { trigger, state, style, transition, animate, group } from '@
浏览 1提问于2017-11-15得票数 3
回答已采纳
2回答
我想在可见性CSS属性上做一个基于关键帧的动画。我最初在“display”上试过，但发现“display”上的动画不受支持，但“visibility”上的动画受支持。这个想法是为了让矩形的可见性保持切换。我不想使用jquery，而是想用CSS实现整个jquery。以下是我的代码，但它没有给出预期的结果，矩形一直隐藏到第五秒，然后在动画结束时再次消失
<head>
<style type="text/css">
#layer1 {
-moz-animation-duratio
浏览 3提问于2011-10-22得票数 14
1回答
我正在尝试沿SVG路径动画SVG文本。SVG属性使<code>D0</code>元素消失。我在SVG中有文本，每个字母都有<code>D1</code>元素标签。对于第一个字母，我为<code>D2</code>提供了一个类名<code>D3</code>，以便在CSS中选择它。我给它<code>D4</code>，我想动画这个svg的字母，然后<code>D5</code>，我用CSS关键帧改变。我可以在浏览器的开发工具中看到一个灰色的方框在移动，但
浏览 16提问于2020-07-30得票数 1
回答已采纳
我有一个背景图像作为地图。我想要一份证明列表(绝对定位的div)在地图上一个接一个地出现和消失。一旦所有内容都显示出来，就需要重复。
我该如何使用css3动画来实现它呢？
浏览 1提问于2016-10-19得票数 0
1回答
我有一个简单的问题，我想我解决不了
这是完整的代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"
浏览 8提问于2011-09-19得票数 0
1回答
如何使用css反转动画？
、、、
你好，我正试图扭转一个动画的细节和总结。我能够动画时，细节是开放的，当我再次点击没有动画的反向。当我再次单击摘要时，如何使动画工作？谢谢。这是我的HTML代码和CSS
<details>
<summary>I am awesome</summary>
<p>Hi there this is an awesome paragraph</p>
</details>
CSS
html {
height: 100vh;
}
body {
height: 100%;
display: grid;
plac
浏览 2提问于2020-10-01得票数 0
回答已采纳
2回答
我正在用HTML5 canvas创建一个教学幻灯片。每张幻灯片都有动画2D元素移动缩放和指向每张幻灯片的导航。最终，我想在不使用动画CC的情况下创建它，以防程序消失，如果需要进行编辑(如Edge文件)，我将不得不从头开始。我想用HTML5、CSS和JavaScript手动编写代码，最好是使用CreateJS。
我已经在简单的幻灯片和动画过渡上找到了教程，但我更多的是寻找发生在每个幻灯片或场景中的动画。
这个是可能的吗？有没有教程？提前谢谢你。
浏览 0提问于2018-05-17得票数 0
我正在使用下面站点中的方法‘CSS专用技术#2’，但使用的是一个动画GIF：
GIF相对较小(大约500 to )，但是当我的站点向下滚动/向上滚动时，它会导致我的站点出现很大的滞后。包含我的文本的div实际上是加载/刷新，就像在快速滚动时懒散加载(我没有使用lazyload插件)一样。
这需要一段时间我的段落加载，同时背景动画gif冻结。
有什么解决办法吗？
当动画gif被静态图像所取代时，上面的问题就消失了--我很肯定是动画gif造成了这里的滞后。
无论如何，这个问题似乎只针对iPad。
浏览 4提问于2014-09-22得票数 1
回答已采纳
2回答
我定义了一个转换到我的输入，它适用，但它消失了没有动画。我怎么才能让它在消失的时候有生命？
input {
transition: 1s;
}
input:focus {
background-color: aqua;
transition: 1s;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
浏览 1提问于2022-07-09得票数 0
1回答
我有一个网页，我想用CSS动画制作它的菜单：
<html>
<body>
<div class="orange-button">
</div>
</body>
</html>
这是我链接的CSS文件：
.button-orange {
border: none;
transition: background 0.4s, border 0.4s, height 0.4s;
background: orange;
}
.button-orange:hover {
浏览 18提问于2017-07-30得票数 2
回答已采纳
1回答
纹理区域在动画后消失
、、、
我正在使用下面的代码在控件失去焦点并且文本区域为空时使文本区域消失的动画效果。
$(this).blur(function ()
{
var value = $(this).val().trim();
if (value == "")
{
// empty; make it disappear
$(this).animate({
width: 0,
height: 0
}, 1000,'linear',
function ()
浏览 1提问于2015-07-30得票数 0
我有这个html：
<div class="foo parent">
<div class="child"></div>
</div>
使用一些css：
.foo{
position:absolute;
left: -117px;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
z-index:8;
}
.parent{
浏览 4提问于2009-09-14得票数 2
回答已采纳
1回答
我不能使用CSS3动画，因为这些属性还不是跨浏览器的标准。
我可以用json2html创建一个div表。
我可以通过设置带有animate的{height:(toggle)?'show':'hide', opacity: (toggle)?1:0}, function(){ $(this).css('display', (toggle)?'auto':'none').css('height', ) }使行出现并消失，从而使行出现并消失。
我不能做的是把它们放在一起。，他们应用函数，但即使我理解如何应
浏览 0提问于2014-01-24得票数 0
回答已采纳
当我向下滚动100px的时候，我想让一个div消失，然后在浏览器窗口的顶部重新出现在100px以内的时候。我不想要任何动画，只想让它消失和重现。只用HTML和CSS就能做到吗？有没有人能给我这个的代码？
提前谢谢你，马特
浏览 1提问于2013-12-17得票数 5
5回答
使用CSS动画使HTML元素消失
、、、、
我想知道是否有一种方法可以用CSS动画使HTML元素消失。因此，当某个脚本从页面中删除该元素时，在该元素实际被删除之前，应该会显示一个动画。 这有可能以一种简单的方式实现吗？或者我需要为我的脚本设置一个计时器，该脚本开始动画的持续时间为X，并在时间X之后删除该元素？
浏览 76提问于2016-09-15得票数 7
回答已采纳
在新火狐(34.0.5版)中，我们遇到了一个正在消失的元素的奇怪错误。
错误发生在一个页面上，其中有两个(或更多)闪存对象，它们位于html中的其他元素之前。每当加载页面时，元素就会消失。
您可以在这个演示中看到它：
只要在最新的火狐中打开它，你就会看到红色的div消失了。该页面的每一次重新绘制都会再次显示它，例如切换浏览器选项卡或通过dev tools编辑css。
当它正常工作时，
一个闪存文件-不管位置
在html中的元素之后拥有所有闪存文件--在下面有一个闪存文件，在另一个元素之上有一个闪存文件(html结构)。
我们尝试了什么-它产生了什么
加载闪存文件后重新绘制页
浏览 6提问于2014-12-10得票数 2
1回答
我想创建一个从左到右漂浮的云的CSS动画。我有一个宽度为100%的div，云是带有"position:absolute“的图像。我的解决方案很简单:创建一个动画，它会随着时间的推移将图像的"left“属性更改为120%。然而，该解决方案的问题是，云在跨过整个HTML文档的全宽度后会扩展整个HTML文档的宽度。
我如何防止这种情况，并使云在穿过100%宽度后简单地消失在右侧？提前感谢！
编辑:这是CSS的一部分：
.header{
display:flex;
flex-direction:row;
height: 40em;
justify-content:cen
浏览 19提问于2017-08-23得票数 0
回答已采纳
看看
我增加了2000的持续时间，以准确地向您展示我在说什么。当您单击“关闭”(X)时，动画并不是人们所称的slideUp。我原以为表单会向上移动，直到它完全消失。相反，它慢慢地从下到上隐藏。
slideUp会不会表现得像现在这样？还是我做了什么？
我猜是因为CSS的这一部分(第15行)。
.js-enabled form {
position: absolute;
top: -21px;
display: none;
}
浏览 3提问于2013-05-16得票数 0
回答已采纳
当我的CSS代码试图使一个入门动画消失或者在它完成后变得透明的时候，我的CSS代码非常困难，所以我们可以看到HTML的其余部分(主页)。
我想说的是：
body {
background: #000;
}
.container{
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
浏览 4提问于2020-05-28得票数 0
1回答
我试图创建一个动画HTML/CSS横幅添加(HPU 300x600px最大80KB)由4个图像(4个阶段平滑淡入淡出过渡从一个到下一个)。为了保持较小的文件大小，我已经使图像2，3和4部分透明，其想法是它们淡入并叠加形成最终图像。
我在下面的回答中尝试过这种方法：，但图像在每次转换时都会消失。
我也尝试过Demo 3(具有多个图像的演示)：，但在第一个循环中，所有4个图像都显示了。
我还能尝试什么呢？谢谢!
浏览 0提问于2016-05-18得票数 0
我在找人帮忙。我希望当单击其中一个导航按钮时，可以将一些CSS动画应用于名为content的div id。
单击时，我希望触发动画，使其从页面中消失，并加载新页面。
导航栏
<ul id="nav">
<li><a href="index.html">HOME</a></li>
<li><a href="about-us.html">ABOUT US</a></li>
<li><a href=
浏览 5提问于2013-10-07得票数 1
我创建了一个简单的菜单，当将鼠标悬停在父元素上时，菜单本身就会出现。然而，我试图做的是，当用户的鼠标悬停在父元素或菜单本身之外时，它将消失。
菜单的HTML结构
<div class="tab">
<div id="shop" class="source tabFace">
Shop
</div>
<div class="tabHidden">
<?php
浏览 3提问于2014-06-15得票数 0
1回答
我使用animate.css和wow.js在滚动页上使用fadeOut，但是它会逐渐消失，然后返回。我想让它消失，远离它。
我尝试过添加类“动画”，它可以工作，但不工作滚动到div。一旦页面加载，它就会消失。
这是我的钢笔：
HTML
<div class="wrapper">
div placeholder
</div>
<div class="wrapper1 wow fadeOut" data-wow-duration="2s" data-wow-delay="2s">
te
浏览 4提问于2016-10-27得票数 2
回答已采纳
假设我想使用组件来创建一个列表，如果我点击它，它就会消失，并使用transition-group来完成动画部分。
以下代码可以很好地执行：
HTML：
<transition-group name="testanim">
<p key="1" v-if='open1' @click='open1 = false'>Can You See Me?</p>
<p key="2" v-if='open2' @click='open2 = false
浏览 0提问于2018-03-26得票数 6
我有一个名为show_alert的js函数。
function show_alert(type='info', $message) {
$('.notifications-area').append(' \
<div class="notification opened ' + type + '"> \
<h5>' + $message + '</h5> \
</div> \
');
setTimeout(funct
浏览 2提问于2019-03-05得票数 1
回答已采纳
1回答
jQuery(document).click(function () {
jQuery('.close-news').css('display', function(){return jQuery('#colorbox').css('display');});
});
我有这个脚本，它使我的链接显示\消失取决于#colorbox块的状态。但有些链接出现的原因并不是立即消失，而是在点击两次后消失。基本上我不得不在随机区域点击一次才能让我的脚本工作，我猜这是因为我的html代码更新得不够快。那么我该如何为这个脚本添加
浏览 0提问于2012-07-26得票数 0
1回答
昨天问了一个类似的问题，Zeaklous帮我找到了一个很好的答案，这个答案可以让水从左向右无缝移动。
所以我试着把同样的东西应用到一张从上到下无缝移动的图像中，我认为用同样的方法可以工作，但我觉得我错过了一些东西。
html是：
<div id="waterfall"></div>
css是：
#waterfall {
background: url(img/waterfall.png);
background-repeat: no-repeat;
width: 100%;
height: 1200px;
position: absolute;
top:
浏览 3提问于2013-07-28得票数 0
回答已采纳
我编写了我的第一个jQuery脚本，它用这样的HTML动画多个图像“墙”：
<div id="home-wall">
<div class="wall" animation-order="default">
<div class="uk-grid grid uk-grid-preserve wk-gallery wk-gallery-wall zoom">
<a class="" href=""><
浏览 1提问于2014-07-30得票数 0
回答已采纳
1回答
将内容隐藏在预加载屏幕后面
、、、、
我有一个预加载屏幕，当网站内容加载时，我在我的网站上显示。我遇到的问题是，网站上的一些内容会在加载屏幕消失之前出现。具体地说，我在主页上有一个页眉和一个按钮，可以从左向右滑动。这些有时会在加载屏幕消失之前滑入，两个屏幕的文本会变得混乱。我想让它，即使动画发生在加载屏幕消失之前，用户将不会看到标题和按钮在那里。更好的做法是让这些动画在加载屏幕消失之前不会发生。我可以将动画设置为延迟足够长的时间，以便预加载屏幕消失，但如果加载屏幕很快消失，在动画发生之前可能会有相当长的延迟。
以下是代码
HTML
<div id="load_screen" class="text-c
浏览 0提问于2017-04-22得票数 0
1回答
CSS动画动作怪异
、、、
从事一个业余项目，学习一些html，css和js。
一直试图用css动画来解决一个奇怪的问题。在第一次迭代之后，它有时会出现或消失在动画的中间，而其他时候，它只是以快速的方式闪烁。在多个浏览器和多台计算机/设备中尝试，结果都是一样的。
JSFiddle (删除了一些代码)和实例化。
index.html
...
<body onload="init()">
<div class="leftanimation">Cool Gliding Text</div>
<div class="leftanimation&#
浏览 8提问于2016-04-09得票数 0
我在做一个投资组合网站。我想要的背景是文本自动改变像'HTML‘到'CSS’到'JavaScript‘。然而，我也想让它们改变，不是简单地改变，而是像animation.css中的zoomIn和zoomOut那样的动画。换句话说，当文本“HTML”在变为CSS之前消失时，它会变得越来越小，直到你看不见，并且再次变得越来越大。很抱歉造成这么大的麻烦。 目前，我通过在单词数组上实现setInterval来超时更改文本。 index.html <h1 id="change"></h1> main.js const symbols =
浏览 31提问于2019-03-20得票数 0
回答已采纳
2回答
我试图使用CSS动画使div在页面上按一下按钮就飞进/飞出。我知道如何使用CSS动画，但我的问题是:如果我试图使一个div的位置像-1000%，就会有一个水平滚动条。我不想让它出现，但我也不想禁用滚动条。
浏览 2提问于2021-03-04得票数 0
回答已采纳
3回答
我有两个带有相应标签的图像：
我想让它，当我悬停在一个div，动画向下的图像和文本(最初看不见的)动画向下和消失完全不透明，使图像和标签看起来像他们现在做。如何确保图像有足够的空间向上进行，以及如何使用CSS3 3的transition来完成这种动画？
浏览 8提问于2013-12-07得票数 0
回答已采纳
6回答
我的代码中有一个问题。我正在尝试显示一个加载动画(我有一个.gif格式的)。唯一的问题是，当我单击按钮时，动画显示的时间不到一秒，它就消失了。我做错了什么？
HTML：
<form action="" method="post">
<button id="act">Click me</button>
</form>
<div class="loading"></div><!--my Animation-->
Jquery：
$(functi
浏览 2提问于2013-07-05得票数 0
HTML代码由一个div组成，它包含两种类型的类：“隐藏”和“保持”。
<div>
<span class"hide">Lorem ipsum dolor sit amet, </span>
<span class="keep">consectetur</span>
<span class"hide"> adipisicing elit, sed do </span>
<span class="keep">
浏览 7提问于2011-08-11得票数 1
回答已采纳
我正在尝试做一个类似弹出的东西，当我点击一个链接时，一个div就会出现。过了一段时间，它就消失了。我可以通过animation.css中的一些动画在点击时显示div元素。但我无法让它消失。代码如下：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clapper</title>
<script s
浏览 1提问于2013-03-27得票数 2
1回答
下面是我编写的html代码
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#box
{
width: 200px;
height: 250px;
border-radius: 15px;
background-color: pink;
border-color: red;
border-style: solid;
dis
浏览 4提问于2013-08-18得票数 1
回答已采纳
1回答
我们一直在使用SVG路径动画( SMIL )，因为CSS非常有限，现在已经听说SMIL将很快从所有浏览器中消失。有没有人知道WebAnimations是否会支持矢量形状动画，而不仅仅是经典的位置/旋转/缩放动画？
浏览 1提问于2016-03-14得票数 0
回答已采纳
3回答
我有一个div，可以从右边开始和关闭动画。所以它滑下来，然后完全消失，然后又滑回来。
我不想要的是，当它的动画关闭时，我不希望它完全消失，我希望div的偏移量为10px。
不管怎么说，要实现这个目标？
这是JS：
function hideEditorPane(){
//weaponEditor
$("#weaponEditor").animate({
//left: '+=150'
width: 'toggle'
}, 500, function(){
});
}
下面是C
浏览 1提问于2011-11-05得票数 1
回答已采纳
2回答
在单击时反转CSS3动画
、、、
根据一本书，下面的例子应该淡入和-out菜单，但菜单立即消失。我认为问题在于，不知何故，display: none生效得太早了，但我不确定，因为动画中写着display: block。
我能做些什么来使灰色的div平滑地淡出而不是消失？只使用CSS作为动画的解决方案将是首选。
CSS
a {
color: white;
text-align: center;
}
.bar {
height: 20px;
background: red;
}
.div {
background: silver;
padding: 10px;
}
@-webk
浏览 5提问于2013-10-29得票数 1
1回答
所以我尝试用顶级属性动画一个css div，因为我想延迟动画，所以我把它放在@keyframes属性中，但是它在动画之后消失了。
这是div的css。
.MainTitle {
left: 5%;
font-family: 'Londrina Solid', cursive;
position: absolute;
color: white;
font-size: 90px;
animation: Othertitle 1s 800ms;
}
这是动画
@keyframes Othertitle {
from {
top: 10%;
浏览 2提问于2022-03-07得票数 0
2回答
元素在DOM中的新位置
、、、、
我有一个容器，里面有一个未知数量的卡片(范围从3到8)。
| -- -- -- |
| CARD CARD CARD |
| -- -- -- |
当一个人被点击时，所有其他人都消失了，点击的卡片需要移动到左边。例如，如果单击中间卡：
卡片消失
| -- |
| CARD |
| -- |
卡向左移动(带有动画的)
| -- |
| CARD |
| -- |
卡片可以消失，但我觉得我的解决方案不是很好。我不能把卡片移到左边。
这是我藏
浏览 0提问于2021-03-06得票数 3
回答已采纳
4回答
我想通过添加一个类来使图像不出现
但是如果我这样做，我的元素就会在没有动画的情况下消失。
我希望它慢慢消失
我知道有一些css3属性，但我不知道哪一个
我知道如何用不透明的动画来做，但我不想
HTML
<img scr="..." class="a">
<button onclick="make_img_dissappear()">Click to dissappear</button>
CSS
.hide{
display: none;
}
.a{
/*these properties must provid
浏览 4提问于2014-05-01得票数 0
回答已采纳
我有一个页面，它使用了一些简单的动画，包括一些JavaScript动画，添加/删除CSS类的元素与CSS3动画的旋转。我没有使用画布。
在PC上，页面在Chrome/Safari、Firefox和IE中看起来很棒，但在Mac电脑上，当它在WebKit (Chrome和Safari5.0.3)中查看时，页面上的一些元素完全缺失了。它在Mac上的Firefox中看起来很好。缺少的元素没有应用任何动画--我看不出它们与动画之间有任何联系。
页面验证，CSS几乎验证，除了我的clearfix中的供应商扩展和缩放属性。禁用页面上的所有JavaScript不会更改任何内容。缺失的元素在源代码中，它们只是在
浏览 3提问于2012-10-20得票数 1
我有一个按钮，单击该按钮将显示一个<p> text <p/>元素，并给它一个动画(从上到下)，但现在我创建了另一个按钮，单击该按钮将删除<p>元素中的文本，以便在发生这种情况时添加一个动画，但当我在删除时将CSS编码为动画时，它似乎覆盖了前面的动画。
在CSS中是否有if there语句，或者我可以在JavaScript中这样做？这是香草JavaScript和CSS。
<button class="button" onclick="Click()">click me</button>
<p id=
浏览 8提问于2022-02-09得票数 2
回答已采纳
在我的web应用程序中，我想在两个元素之间进行动画转换。旧元素应该通过向左滑动而消失，同时逐渐消失，然后新元素从右边滑入，然后逐渐消失。
请看这把小提琴：
我试图使用CSS转换为动画。在第一次迭代中，一切都很好，但是一旦一个元素被隐藏了一次，出现元素的转换就停止了:出现的元素只是插入，没有任何运动或褪色。
我在Chrome、Opera和Firefox中都遇到了这个问题，但是没有在IE10中使用。我是不是做错了什么，或者这是所有浏览器中的一个错误，除了IE (一个非常奇怪的概念)？
这个问题似乎与show()/hide()有关，因为如果我将元素设置为position: absolute并删除sh
浏览 3提问于2014-06-23得票数 0
回答已采纳
2回答
我正在创造一个效果，我悬停在图像和不透明度消失，以揭示潜在的链接到网页的其他部分。
下面是jQuery脚本：
$(document).ready(function(){
$("#columnRight,#columnRight2,#columnRight3,#columnRight4").hover(function() {
$(this).stop().animate({opacity: "0.2"}, 'slow');
},
function() {
$(this).stop().animate({
浏览 2提问于2012-08-24得票数 0
回答已采纳
我想创建滚动行为，就像可以找到一样。如果你向下滚动页面，你会注意到每当页面移动时，蟹、鲨鱼、波浪等都是动画。如何才能做到这一点？这是脚本还是CSS动画？
编辑:文本气泡也会在不同的滚动点处出现和消失。
浏览 6提问于2011-09-03得票数 2
回答已采纳
我注意到，当我试图使一个最初隐藏在视图中的元素具有动画效果时，没有动画效果--该元素只是立即出现。
例如，尝试以下代码：
<html>
<head>
<style type="text/css">
span {white-space: nowrap; display: none}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
浏览 0提问于2011-10-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
