使用带动画的jquery将css背景更改为随机背景
使用带动画的jQuery将CSS背景更改为随机背景可以通过以下步骤实现：
- 首先，确保已经引入了jQuery库文件。可以通过以下方式引入：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>- 创建一个包含动画效果的函数，用于更改CSS背景。可以使用
animate()方法来实现动画效果。以下是一个示例函数：
function changeBackground() {
var colors = ["#ff0000", "#00ff00", "#0000ff"]; // 定义一组随机颜色
var randomColor = colors[Math.floor(Math.random() * colors.length)]; // 随机选择一种颜色
$("body").animate({ backgroundColor: randomColor }, 1000); // 使用animate()方法更改背景颜色
}- 在页面加载完成后，调用该函数以更改背景。可以使用
$(document).ready()方法来确保页面加载完成后再执行代码。以下是一个示例：
$(document).ready(function() {
changeBackground(); // 页面加载完成后调用changeBackground()函数
});完整的HTML示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Change Background with jQuery Animation</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body {
height: 100vh;
transition: background-color 1s ease;
}
</style>
<script>
function changeBackground() {
var colors = ["#ff0000", "#00ff00", "#0000ff"];
var randomColor = colors[Math.floor(Math.random() * colors.length)];
$("body").animate({ backgroundColor: randomColor }, 1000);
}
$(document).ready(function() {
changeBackground();
});
</script>
</head>
<body>
<h1>Change Background with jQuery Animation</h1>
</body>
</html>这段代码会在页面加载完成后，将<body>元素的背景颜色以动画的方式更改为随机选择的颜色。可以根据需要修改colors数组中的颜色值，以及动画的持续时间（1000表示1秒）。
相关·内容
2回答
我写这篇文章的意图是，每次用户访问一个站点时，都会随机处理一个背景图像。我不得不使用Ajax，因为这个图像被用作css中带有一些动画的背景图像。
var images = [
'1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg'];
var randomNumber = Math.floor(Math.random() * images.length);
var randomImage = "img/backgrounds/"
浏览 5提问于2014-11-28得票数 0
回答已采纳
2回答
我是使用CSS转换动画背景颜色鼠标悬停。
我有以下代码：
div {
width: 100px;
height: 100px;
background: red;
}
div:hover {
background: green;
transition: all 0.5s ease-in-out;
}
<div></div>
此代码只对鼠标上的背景颜色进行动画处理。它不能使老鼠复活。我有两个问题：
我如何使用CSS动画鼠标？
如何使用jQuery only进行此操作？
小提琴手：
浏览 0提问于2013-06-18得票数 14
回答已采纳
是否可以将旋转添加到重复的背景图像纹理中？-我的意思不是旋转元素本身，而是旋转元素的背景图像？
我想知道CSS3是否可以做到这一点？
这将主要用于动画，因为您可以通过jQuery动画背景图像的旋转。
浏览 0提问于2011-12-23得票数 1
回答已采纳
我有一个由jQuery和CSS执行的完全相同的动画的示例比较。动画如此之少，没有太多的事件发生，那么为什么jQuery会像这样落后呢？这太荒谬了..。CSS的动画效果很好。
谁能告诉我为什么jQuery动画会滞后，即使它们这么小？
浏览 1提问于2011-04-10得票数 3
回答已采纳
2回答
角带模态跃迁
、、、
我试着用角度表带来处理控制器的模态开启/关闭。然而，背景动画CSS给出的角度带文档不断给我错误-相当肯定我使用它错误，但我似乎找不到多少关于如何使用CSS的信息。，似乎是符号引起了问题。下面是角带文档上的代码：
.modal-backdrop.am-fade {
opacity: .5;
transition: opacity .5s linear;
&.ng-enter {
opacity: 0;
&.ng-enter-active {
opacity: .5;
}
}
浏览 3提问于2014-08-18得票数 2
回答已采纳
2回答
Jquery似乎没有加载
、、、
我有一个网站，已经使用了一段时间的背景颜色动画，当突然之间，他们刚刚停止工作。我想不出我所做的任何重大改变都会导致它。所以我创建了一个文件夹来测试我的jquery.min.js和jquery.ui.js文件。以下是代码：
index.php
<!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.o
浏览 4提问于2016-02-07得票数 0
2回答
我试图淡出一个背景图像卷轴。
我使用jQuery .addClass()/.removeClass()触发事件，使用CSS3更改第二个背景的不透明度。
，我想坚持CSS3的动画，但有一个白色闪存时，动画是在铬上触发。
，有什么办法可以防止这种闪光灯吗？
HTML：
<div class="second_bg"></div>
CSS：
body, html {
height:150%;
margin:0;
}
body {
background: url("http://lorempixel.com/output/natu
浏览 4提问于2014-05-02得票数 4
回答已采纳
2回答
我想用jquery动画化css梯度，但我找不到任何解决方案。有谁有主意吗？问题是，我不能从一个类动画到另一个类，因为我的rgba是随机的(我使用mousemouve事件制作了一些东西)。
这是我的实际代码
$(this).css(
{background: '-webkit-gradient(linear, left top, right top, from(rgba('+ a +','+ b +','+ c +','+ alpha +')), to(rgba('+ a2 +','+ b2
浏览 12提问于2014-10-08得票数 0
回答已采纳
我正在使用PhoneGap构建一个iPad应用程序。我正在尝试对动画使用CSS转换，但我不能完全确定我是否使用了适当的方法来利用设备可能支持的任何硬件加速。
这是一个模式窗口(DIV)，我想从页面顶部向下滑动。它首先定位在屏幕顶部之外，然后通过jquery添加一个类，然后在页面本身中添加动画：
.modal {
background: url('../images/bgnd-modal.png');
width: 800px;
height: 568px;
position: absolute;
top: -618p
浏览 0提问于2011-06-26得票数 40
回答已采纳
1回答
我使用blast.js来动画两个单词，并使用jquery来动画色彩。我试过的一切都没起作用。
CSS在演示中是不相关的，因为颜色按钮没有css规则。
var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
$('.color_button').on('click', function(){
var words = $('color_body').blast({
delimiter: 'wo
浏览 2提问于2016-04-12得票数 1
回答已采纳
3回答
我正计划开发简单的图表生成器。
80%将基于jQuery --我正在从更有经验的jQuery用户那里寻找一些答案。
我的动画将基于：
jQuery
CSS
背景图像
基本上，jQuery可以经常操纵CSS来创建动画效果吗？
例如:改变每几个ms的背景位置来创建动画？
例如将背景位置从“左上角”改为“右上角”，但在px上以px为基础？。
你见过这种用法吗？
任何例子，建议，工艺实例都很受欢迎。
浏览 3提问于2011-09-02得票数 0
回答已采纳
2回答
在我的新网站，我有几个不同的悬停状态的链接。其中一个交换了一个背景图像的标志。一种是将不同的背景图像转换为主导航。而普通的内联链接通过CSS改变背景色。我想不出一种自动让所有()标记优雅地移动到它们的悬停状态的方法。
手动为每种链接类型编写动画方法似乎不太干净(或未来的证明)。把我的背景图片、URL和链接颜色(应该在CSS中)放到JS中似乎是不对的。似乎不应该为悬停效果的每个实例创建一个特殊的类，然后通过jQuery动画化该类的添加/删除，这时可以使用CSS提供的默认a:悬停行为。
所以我只想知道是否有什么方法可以让jQuery (不管有没有jQuery UI)在a和a之间交叉淡出:悬停已经在
浏览 2提问于2010-09-06得票数 4
背景:我正在创建一个基本的动画，在一个男孩的形象走到一个女孩的形象，并停止。我正在使用CSS3 3-翻译来实现它。为了阻止手和腿的移动，我使用了Javascript事件-
boy.addEventListener("webkitAnimationEnd", animation_end);
和最后的Jquery
$('#boy-right-leg').css('-webkit-animation-play-state','paused');
我希望腿是直的，不管它是交叉的。
function animation_end() {
浏览 1提问于2016-11-12得票数 0
回答已采纳
由于cordova应用程序(jquery + jquery手机)从1.3.2版迁移到1.4.2版，我遇到了一个问题。
我在这里提供了一个示例：
正如您所看到的，面板导航滑动，在幻灯片上，它在背景中保持几毫秒的透明。在那之后，它正确地断掉了。这种影响也存在于slideIN上，但其速度更快，而且大多是不可见的。
在动画中添加的css类是“..ui面板-动画”，动画结束后，元素将获得一个额外的属性“面板-关闭”。
到目前为止我的分析。但我真的没有找到任何css选项或JS的东西，我的代码，可以负责的效果。
有谁知道怎么解决这个问题吗？
提前感谢
浏览 3提问于2014-03-24得票数 1
回答已采纳
我想有一个内部的另一个将作为容器的背景，并坐在容器内的所有其他元素的后面。HTML应该是这样的：
<div id='container'>
<div>Blah</div>
<input type='text'/>
<input type='submit'/>
<div id='background'>
<img.../>
Some Text Maybe?
</div>
浏览 0提问于2011-09-27得票数 0
我正在寻找一个jquery的文本幻灯片动画插件，或者一些如何自己做这件事的提示。我喜欢在我自己的项目中使用的动画是这样的：要查看我所指的动画，请单击蓝色箭头。我正在搜索这个动画，在这个动画中，文本看起来来自上面的文本(或div-box)的背景。
你知道有没有像这样的jquery效果插件？或者您是否有一些想法，如何使用jquery或CSS3转换来实现类似的功能？
非常感谢!
浏览 0提问于2012-08-20得票数 0
回答已采纳
我编写了这个，其中包含一个简单的JS动画，它是通过jQuery.css / jQuery.animate完成的。
简介：
3矩形显示
按钮“随机化”将矩形的宽度/高度随机化
宽度/高度中的此更改应是动画
我需要能够将更改的宽度/高度作为参数传递给动画addClass函数。addClass defintion如下所示：
addClass(element, className, doneCallback)
因此，我将我的自定义值添加到元素的原型中。例如LoC 53
Object.getPrototypeOf(element).custom_bs_width = newVal[a
浏览 3提问于2014-01-10得票数 5
回答已采纳
2回答
我需要的是：
以任意程度旋转背景图像的动画旋转(旋转)。理想情况下，动画是在另一个动画的回调中激活的。
我所拥有的：
包含附加div的背景图像的容器div (只需要旋转图像，而不需要div或div内容)。
术语混淆：
在jQuery中，“旋转”一词似乎意味着循环交换。我对“旋转”的定义，就这个线程而言，指的是以z平面作为中心轴的物体的二维旋转。术语的重叠使得使用搜索引擎来研究这一问题变得困难。
失望：
我希望像图像或背景图像的动画旋转(革命)这样基本的东西是标准要求，因此也是jQuery的默认功能。相反，我能找到的最好的是一个jquery旋转插件，它没有突出显示对背景图像的明显支持，而且它支持
浏览 1提问于2013-01-31得票数 4
2回答
我正在为一个剧院网站构建一个jquery幻灯片旋转木马，它被用来显示剧院最近5场演出的标题和相关照片。节目以及为它们上传的照片的URL将从数据库中加载，并插入到下面的结构中：
<div id="slideshow_outercontainer"> <ul id="carousel">
<!-- This is where the <li>s are generated from the database using the photo's url
as a CSSbackground image -->
浏览 6提问于2010-01-15得票数 1
回答已采纳
2回答
我正在努力模仿香奈儿的页脚动画，但我似乎就是做不对。我测试的站点位置是。在站点上，当用户滚动或点击更多时，页脚变成100%覆盖了背景中的div。我已经达到了100%的高度，但是我的jquery动画不能工作。有什么帮助吗？
<script>
$(document).ready(function() {
$(".handle").toggle(function() {
//$('#footer').animate(),
$('#footer').animate({top:
浏览 0提问于2012-10-27得票数 1
回答已采纳
2回答
我希望有一个“幸运之轮”的效果。当用户单击图像时，它会从最后一个位置随机旋转(在180-540度之间)。旋转应该使用CSS3来完成。到目前为止，我的代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#pic {
position: absolute;
top: 200px;
left: 200px;
}
@-webkit-keyframes spin
{
100% {-webkit-
浏览 2提问于2011-08-30得票数 0
回答已采纳
我需要用jQuery动画元素的背景位置属性。通过遵循本教程，使用默认的jQuery动画函数，我没有运气。
我的职责是：
$('#content').css( {backgroundPosition: "0 0"} )
.animate(
{backgroundPosition:"(0 -900px)"},
{duration:500}
);
我没有运气，所以我尝试编码我自己的函数，这改变了元素的垂直背景位置。看上去：
$.f
浏览 3提问于2012-01-18得票数 2
1回答
我有一个网站：
这个导航看起来有点空白。我想添加css动画到它。我试过使用不透明，但它不像预期的那样工作。我做错了什么？
我在每个导航元素上添加了悬停动画，它工作得很好，但是我希望将动画添加到整个导航菜单中，这样，子菜单元素的整个列表就会以一些动画打开(例如，慢不透明度到1)。
这就是我得到的：
#menu-menyy li ul {
background-color: transparent; }
#menu-menyy li ul:hover {
background-color: #00a3fc !important;
-o-transition:.8s;
-ms-transitio
浏览 0提问于2014-06-04得票数 0
回答已采纳
我正在尝试动画一个div元素的背景，并且我已经从其他人的代码中获得了动画效果。问题是背景的css属性是background-size:cover，所以它在动画中显示图像的副本，如何创建图像的水平和垂直位置的动画，并在动画完成后不显示重复的图像？有没有一段代码可以让它以我想要的方式工作，或者有没有一个插件可以做到这一点，具有背景大小的缩放效果，P.S背景必须是背景大小:封面因为有弹性的网页设计，这是代码。
$({temporary_x: 0, temporary_y: 0}).animate({temporary_x: -20, temporary_y: -20}, {
duration: 3
浏览 0提问于2014-01-23得票数 0
1回答
动画GIF背景只显示一次
、、、、
因此，在单击这些类偏振片图像时，我使用jQuery的<div class="poof"></div>来替换它们。我这样做的原因是为了显示一个动画gif动画，我使用js对该类进行样式设置。
然而，每次点击.polaroid**，(偏光体)图像的，** .poof div就取代了html，但是它的背景却没有显示出来。
：
单击一个图像，它将被.poof div替换，但是动画的poof没有显示。
我非常感激有人能帮我弄清楚为什么会这样，以及如何让动画每次都能显示出来。
这是我的javascript：
$(function(){
var t
浏览 3提问于2013-10-15得票数 0
8回答
使用JQuery，我想做的是创建一个函数，当我调用这个函数时，它会将我的" #page“DIV的背景色从CSS定义的背景色褪色为黄色，然后再回到#page的原始CSS背景色。
关于如何使用JQuery实现这一点，您有什么想法吗？
我知道JQuery同时具有“动画”和“高亮”功能。看起来“高亮”可能是合适的选项，但我不确定。
谢谢
浏览 0提问于2009-08-16得票数 13
我正在创建一个演示应用程序，当单击一个按钮时，它会随机选择一个地点。一旦按钮被点击，我希望在选择场地之前，使用CSS3和jQuery通过老虎机旋转动画滚动场地。
我想过使用-webkit-keyframes和改变背景位置，但这不是我想要的理想动画。
@-webkit-keyframes spin{
0% {
background-position: 0, 0 0;
-webkit-transform: rotateX(0deg);
}
100% {
background-position: 0, 0 -640px;
浏览 0提问于2011-09-19得票数 19
回答已采纳
4回答
我每一季都有10个背景(春夏……)在文件夹(%1，%2，%3，%4)中。现在我需要随机更改每个季节的div背景。我的意思是，对于春季变化，文件夹1的随机图像。
如何使用PHP或混合jquery/css更改背景？！
浏览 1提问于2014-10-16得票数 2
2回答
使用CSS创建飞溅形状
、、、
假设有一个圆圈链接，当您将鼠标悬停时，它应该会变成这样一个很好的动画(粉红色形状)：
我想到了很多事情，但我不知道该走哪条路。我认为最好的方法是为每个滴使用一个元素，并使用一个background-image，并使用jQuery或CSS转换来显示它们。但是，我不知道如何给它们动画。这将是自然的方式，一个网页设计师将如何处理这样的事情。你觉得最好的方法是什么？
编辑(澄清)
虽然看起来是这样，但我并不是纯粹通过使用CSS来做到这一点的。我只是想说怎样才能做到最好。事实上，我希望它能在尽可能多的浏览器上工作。
我问这个问题是因为我想看看一个有经验的web开发人员将如何解决这个问题。我认为
浏览 3提问于2013-12-16得票数 0
1回答
我用jquery创建了一个简单的弹出窗口，基本上，如果按下按钮，div的“显示”将从css中的“无”更改为“块”，并显示覆盖以使背景更暗。
请看我的代码：
function div_show() {
$("#login").css({display:'block'});
$("#overlay").css({background:'#000'});
$("#overlay").css({zIndex:'2'});
}
//Function to Hide Popup
func
浏览 4提问于2015-01-26得票数 1
回答已采纳
我试图用jQuery，CSS和Html制作一个日夜循环动画。
当我通过点击下面的滑块运行动画，水部分，就像一个半圆在大圆的下半部，变形成一个矩形。
以下是JsFiddle上用于我的昼夜周期动画的代码：
浏览 0提问于2016-09-03得票数 1
回答已采纳
3回答
是否可以使用jquery动画化css中的更改？
如果有人能给我举个例子，我将不胜感激。
本质上，我试图通过使用jQuery操纵css中的背景图像来动画精灵技术。目标是动画的悬停，以便我得到一个很好的淡出，而不是仅仅是由下面的代码产生的突然切换。
我现在在这里：
HTML：
<h1 id="solomon">Solomon</h1>
CSS：
body#default h1 {
text-indent: -9999px;
display: inline-block;
height: 213px;
}
body#default h1#solomon {
浏览 2提问于2008-12-26得票数 1
我有3个大的盒子，menu.When，我把鼠标移到1个盒子上，我改变了背景，但如果快速移动鼠标，背景就不会回到原来的状态。我认为问题可能是animation.If的速度，我在动画中使用“快速”而不是“慢”，它的工作速度，但效果太快了。
您可以更好地查看问题
我对每个盒子都使用了下面的代码：
$('#box-orange').hover( function(){
$(this).animate({ backgroundColor: "#E9902C" }, "slow");
},
function(){
浏览 0提问于2011-08-20得票数 1
回答已采纳
我需要有动画背景的jQuery的动画()从rgba(255,255,255,0.5)到rgba(255,255,255,0.9)，而不使用jquery.color插件&更改CSS不透明度。背景色总是一样的(白色)，我需要的只是rgba的alpha。有什么建议吗？
浏览 5提问于2011-07-19得票数 2
1回答
我用jQuery创建了一个动画，它以文本行顺序(反向)幻灯片。这是相当简单，工作伟大时，盘旋一次。然而，当鼠标快速移动时，线条将以看似随机的顺序出现。
请参阅下面的GIF演示。第一个悬停是动画的外观。在悬停之后，我把鼠标移进移出，以演示文本行随机动画的问题。
请参阅下面的代码示例：
<div class="image-block">
<p>Text Line 1</p>
<p>Text Line 2</p>
<p>Text Line 3</p>
<
浏览 4提问于2017-10-11得票数 1
回答已采纳
1回答
我想创造一个动画背景。总之，有6个图标应该所有动画在一个小范围内的页面周围移动。
目前的JS Fiddle在一定程度上起作用，但需要进行以下修改：
我希望随机生成这些图标的移动，以便它们在以下范围内运行：
x axis = 1px to 5px
y axis = 13px to 20px
我已经成功地获得了一个使用硬编码值的解决方案，但现在认为我的使用了错误的方式，因为它需要为每个具有不同值的图标创建多个关键帧动画。我不一定反对，但我不知道如何实现。
我使用以下方法为上述边界内的每个图标生成了随机数：
var x = randomInt(5, 1); // use this value fo
浏览 4提问于2015-06-11得票数 1
回答已采纳
当我单击hamburguer菜单显示侧边栏时，我试图制作一个100%纯css动画、fadein和fadeout (背景应该显示500毫秒的不透明度)(类似jquery )，当我在侧栏内单击关闭菜单时(背景应该在2秒内隐藏不透明度)(比如jquery )，您可以在这里看到jquery代码的版本：。
这是一个非常简单的代码，为了打开菜单，我将事件放在汉堡包图标onclick=‘$(’#菜单项-背景‘).fadeIn(500)；’接近关闭时，我将onclick=‘$(’#菜单-背景‘).fadeout(2000年)；
如果不可能使100%的css纯动画，因为它应该被onclick激活，可能只使用ja
浏览 5提问于2022-05-13得票数 -1
我想在每次页面刷新时随机化给定动画的持续时间。我已经用jquery尝试过了，但它似乎不起作用:我有一个似乎不起作用的东西。
相关css：
#background1 {
-webkit-animation: background1 10s;
}
动画background1是在其他地方定义的；我不会尝试更改关键帧动画部分。
Jquery：
var bg1 = $('#background1');
var number = Math.floor(Math.random() * 10) + 5;
bg1.css('-webkit-animation', &
浏览 2提问于2013-08-03得票数 4
3回答
我正在使用jQuery UI动画背景颜色。我有一个有背景颜色的5个项目的列表。每个li都有一个不同的背景色，在css中指定如下：
li:nth-child(1) {
background-color: rgb(147, 215, 224);
}
每个李里面都有一个复选框。我想让它像这样发挥作用：
当前将检查LIs中的所有复选框。当未选中li内的复选框时，li将具有特定的背景色(对于所有LIs来说，此背景色将是相同的)。在再次选中复选框后，LI将显示原来的背景色。我有这个密码，但我知道这很糟糕。当我取消选中复选框时，它工作得很好，将背景颜色动画到我想要的地方，但是当它再次被选中时，我无法
浏览 0提问于2013-08-14得票数 3
回答已采纳
2回答
所以，我在页面上有一个有背景图像的对象，在mousemove上，它移动相对于鼠标的背景位置。但我唯一的问题是，当鼠标进入物体时，将背景图像动画到当前的位置。
我能够动画背景位置回到它原来的位置。
来了我的jQuery
//MOUSE MOVE, INVERT BACKGROUND POSITION
jQuery('.homeSlider').mousemove(function(move){
var moveMouse = (move.pageX * -1 / 15);
jQuery('.homeSlider .slide
浏览 3提问于2014-01-16得票数 1
5回答
我有一小段代码不能工作，看一下：
$(document).ready(function() {
$('ul#mainmenu li:hover').css({backgroundColor:''});
$('ul#mainmenu li').hover(function() {
$(this).animate({backgroundColor:'#2E8AE5'}, slow);
});
});
它的目的是：
1)在无序列表中，使用id为mainmenu的伪类:hover，从列表项中取消设置
浏览 2提问于2011-12-25得票数 4
我已经设置了一个jQuery动画来改变站点头部的div上的背景图像。
图像大于其容器，在设置动画时，会导致(在动画持续时间内)它周围的元素被短暂隐藏。
我可能遗漏了一些明显的东西，有人能帮上忙吗？
下面是jQuery，示例如下：
(示例现在已删除，但可以通过在顶部浮动另一个div (带有背景)的div背景图像的动画来复制)
var currentBackground = 1;
function changeHeader() {
currentBackground++;
if (currentBackground>6) currentBackground = 1;
浏览 1提问于2012-01-04得票数 1
回答已采纳
我正在做一个带有一些战略视觉覆盖的国际象棋游戏。其中之一需要一些小块和正方形的轻快动画，特别是缓慢而稳定的脉冲。我的棋盘是一个，每个棋盘都是一个正方形。通过将CSS中的背景图像设置为它所包含的块的.svg来显示块。
这可以在CSS中完成吗？我使用的是不支持传统的最新浏览器，所以我可以使用所有漂亮的CSS3内容。我在考虑的另一个选择是将棋盘的背景图像设置为棋子脉动的动画.gif。这样行得通吗？
有没有其他我没提过的方法呢？我希望避免使用包/框架，但我使用的是jQuery。
澄清：
我想让棋子有一种脉动(闪光？)为了强调，慢慢地就位。我希望它是一个缓慢，微妙和一致的脉冲，持续到另一个事件关闭它。
浏览 0提问于2013-05-04得票数 1
回答已采纳
1回答
我想使用animate.css动画背景图像的div (例如，应用脉冲效应)。我必须将所需的动画类添加到任何要以下列格式动画的元素中：
<img class="animated infinite pulse">
现在我的问题是，如何将这些类添加到div中的背景图像中？我尝试使用jquery选择背景图像并向其添加类，但得到了错误：
var psd = $('#mydiv').css('background-image');
$(psd).addClass("animated infinite pulse");
或者另一个代
浏览 0提问于2018-05-21得票数 1
回答已采纳
每次窗口刷新时，我都会使用jQuery为我的网页随机分配一个背景图像。我想为每个背景指定一个相应的文本颜色。
我正在尝试这段代码，但没有成功：
$(document).ready(function () {
var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg'];
$('body').css({
'background-image': 'url(i
浏览 0提问于2013-06-27得票数 1
回答已采纳
4回答
我有一个带有背景图像的框列表，这些框垂直地滚动着：
@keyframes movie {
0% { background-position: 50% 5%; }
50% { background-position: 50% 95%; }
0% { background-position: 50% 5%; }
}
.movie {
animation: movie 50s linear infinite;
}
“问题”是这样，所有的盒子都有同时移动的背景。
我希望有一个“随机的起点”，以便每个盒子有一个不同的动画。
例如，一个背景正在向下移动，另一个正在向上移动。
纯
浏览 3提问于2013-10-09得票数 12
回答已采纳
想象一下ul和li的，当选择时，安莉会突出显示，例如。
li.selected { background-color: Yellow; }
有没有办法让背景动画/移动到所选项目？
为了更好地解释我想要什么，请查看此链接
尝试点击项目，我想要的背景动画就像那样(但不要看到我在那里作弊的代码)
有没有一种简单的方法可以使用jQuery和CSS来做到这一点？肯定有人这么做了吧？
浏览 1提问于2013-05-02得票数 0
回答已采纳
我制作了一个基于以下jQuery函数的动画: hide()，show()，animate()。
这个动画消耗了大量的CPU (如Flash的CPU使用率)，Chrome告诉我(通过CSS选择器配置工具)，我有很多类似的CSS选择器使用(CSS选择器配置文件)。
这些选择器是只由渲染引擎使用的吗？这是否也包括使用$()时的jQuery节点搜索(我假设它是由hide()、show()或animate()调用的)？
如果对第二个问题是肯定的，我如何重写这个函数来缓存一些节点？(通过硬编码一些选择器，它们的结果在我的动画逻辑中不会改变)。
编辑:我正在实现帧之间的过渡，每个帧在其背景上作为Ken Bu
浏览 1提问于2012-06-04得票数 0
我有一个带有可选行背景色的HTML表。
<table class="tb_record">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr class="odd">
<td>Jill</td>
<td>Smith</td
浏览 1提问于2019-11-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
