单击按钮可提供随机图像背景(CSS + JavaScript + JQuery)
单击按钮可提供随机图像背景是一种前端开发技术，通过使用CSS、JavaScript和JQuery来实现。这种技术可以使网页在每次单击按钮时，动态地更换背景图像，为用户提供更加丰富和个性化的视觉体验。
具体实现步骤如下：
- HTML结构：在HTML文件中创建一个按钮元素，用于触发更换背景图像的事件。
<button id="changeBackground">点击更换背景图像</button>- CSS样式：使用CSS样式来设置按钮的外观。
#changeBackground {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
}- JavaScript逻辑：使用JavaScript编写逻辑代码，实现按钮点击事件的处理函数。
// 获取按钮元素
var button = document.getElementById("changeBackground");
// 定义图像数组，存储多个背景图像的URL
var images = [
"image1.jpg",
"image2.jpg",
"image3.jpg",
// 更多图像URL
];
// 绑定按钮点击事件
button.addEventListener("click", function() {
// 随机生成一个索引，用于从图像数组中获取随机图像URL
var randomIndex = Math.floor(Math.random() * images.length);
// 设置body元素的背景图像为随机图像URL
document.body.style.backgroundImage = "url(" + images[randomIndex] + ")";
});- 引入JQuery库：在HTML文件中引入JQuery库，以便使用JQuery的功能。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>通过以上步骤，当用户单击按钮时，JavaScript代码会随机选择一个图像URL，并将其设置为body元素的背景图像，从而实现单击按钮可提供随机图像背景的效果。
这种技术可以应用于各种网页设计中，例如个人博客、电子商务网站、艺术展示网站等，为用户提供更加丰富和个性化的视觉体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，可用于存储和管理网页中使用的图像文件。详情请参考：腾讯云对象存储（COS）
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可用于托管网页应用。详情请参考：腾讯云云服务器（CVM）
- 腾讯云内容分发网络（CDN）：加速网页内容分发，提高用户访问速度和体验。详情请参考：腾讯云内容分发网络（CDN）
相关·内容
我使用的API返回随机图像的随机URL，并将其设置为身体的背景图像。我怎么才能在每次点击按钮后改变它呢？我有下面的代码，但它不能工作。
function changeImage() {
$.getJSON("https://api.unsplash.com/photos/random?client_id=336b527b2e18d045045820b78062b95c825376311326b2a08f9b93eef7efc07b", function(result){
var randomPhoto = result.urls.f
浏览 2提问于2016-03-08得票数 0
2回答
我的网站<head>部分有以下脚本：
<script src="scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
<script>
$('#submit').click(function() {
$('#submit').css('background-image', 'url("/static/ui/msback.png")');
});
</scrip
浏览 5提问于2014-05-14得票数 0
回答已采纳
1回答
我想用javascript/jquery控制css。根据用户的输入，图像应该移动位置。
情况是:我有一个带有400x400的图像容器，但是我想显示的图像是400x1200，所以我只能显示400的高度，但是宽度是恒定的。
当用户单击按钮时，我想显示图像的部分内容。我画了一个例子来展示我想要的东西：
在该模型中，您有一个图像容器，其中400x400标记为黑色框架，绿色背景是我希望根据用户输入显示的“图像”。因此，假设用户按下“按钮底部”，那么底部的位置将更改为中心(图像容器)。
对我怎么做有什么建议吗？我应该使用jquery/javascript中的哪些功能？css精灵是最好的方式吗？我不需要全部
浏览 2提问于2013-08-13得票数 0
回答已采纳
1回答
问题是在我使用JavaScript将类添加到按钮元素之后，应该在更改后显示的背景图像(.gif)呈现得太晚了。
按钮是表单提交。单击后，在JavaScript中添加一个类" clicked“。CSS样式说，带有类“点击”的按钮应该显示背景图像加载器动画。确实如此，但在提交后页面重新加载之前，它通常都不会在页面重新加载之前完成(单击后的0.5到1.0秒)。添加类后，我暂停了JavaScript，并检查了开发人员工具中的DOM。然后，类已经被添加，但是图像通常(有时是)不显示。
下面是模仿这种行为的小提琴：
这个问题出现在Chrome浏览器上。Firefox会立即显示所有内容，就像它应该显
浏览 0提问于2014-06-17得票数 0
回答已采纳
2回答
单击时切换锚点标记背景
、、、
在div中，我有一个锚标签。该锚标签有一个使用CSS分配给它的背景图像。
当用户单击它时，会执行一些JavaScript，但我希望将背景图像更改为另一个图像，然后当用户再次单击它时，背景图像将更改回原来的状态。
任何关于如何做到这一点(JQuery，CSS；我不确定)的帮助都将不胜感激。
提前谢谢。
浏览 0提问于2012-07-14得票数 0
回答已采纳
1回答
当用户单击菜单按钮并导航到不同的网页时，我正在尝试更改我的网站背景图像(在body标签)。
我在_Layout.cshtml中使用jquery，并这样做：
<body>
<div class="page">
<header>
<br />
<div id="menubutton">
<a href="@Url.Action("Index", "Kitchen")" id="bg
浏览 0提问于2011-10-22得票数 0
回答已采纳
1回答
我的页面上有一个面板，没有默认的背景图像css。加载时，使用jquery将其设置为初始图像，等待10秒，然后从一些预先确定的图像中加载随机图像。有“上一步”和“下一步”按钮，允许您在图像之间循环。在ie6中，加载初始图像，然后在10秒后加载一个随机图像，但是按下prev/next会导致背景变白，图像不会加载。有了提醒，我发现它仍然在跟踪它应该加载的图像的位置和url，但就是不加载。下面是代码。
<script type="text/javascript">
var facts = new Array();
var position;
$(do
浏览 3提问于2010-04-28得票数 1
1回答
当我创建一个按钮时，我想用一些不同的东西创建一个html页面，但是我被困在了一个方法中。
我是新来的jQuery，我想显示一个不同的背景图像后，按下按钮。我希望将背景图像从第二个“输入”更改为来自第一个“输入”的背景图像，在css中：
.btn17{
background-image: url('../Imagenes/trashc1.png');
}
.btn18{
background-image: url('../Imagenes/trashc2.png');
}
和
<h:head>
<title>Fa
浏览 2提问于2013-11-07得票数 0
回答已采纳
4回答
我有一些jquery代码，在单击时更改按钮以显示另一个按钮；(它们是背景按钮图像)
但我不能让它显示背景图像。我可以改变它的颜色，但不知道如何添加bg图像。
换个人解释一下我需要在哪里修改代码
$('.chartme-btn-main').click(function(){
if($(this).attr('att') == 0){
$(this).css('background', '');
$(this).attr('att',1);
} else {
浏览 3提问于2013-09-10得票数 1
回答已采纳
1回答
我对JS和Jquery不了解，所以我真的希望这里有人能帮助我。我希望我的横幅在页面加载或刷新时更改图像，并找到以下代码：
<script type="text/javascript">
window.onload = function () {
var random = document.getElementById('random');
var pictures = new Array('images/icn_slide-1.jpg','images/icn_slide-2.jpg','images/icn
浏览 5提问于2012-09-20得票数 1
回答已采纳
2回答
只看到update3：
我有改变背景图像的css3动画：
@-webkit-keyframes changeImage{
0%{background-image: url("images/img-1.png");}
50%{background-image: url("images/img-2.png");}
100%{background-image: url("images/img-3.png");}
}
#img{
-webkit-animation: changeImage 1s;
-webkit-
浏览 4提问于2014-04-02得票数 1
1回答
我想用javascript中的函数更改按钮的背景图像和its :active form的图像。该函数只执行一次，但这将永久地改变背景图像。为了更好地理解，下面是代码：
该按钮执行单击计数函数。
<button onclick="counting()">
这个单击计数函数在一定数量的单击后执行我所要求的函数：
var clicks = 0;
function counting() {
clicks++;
document.getElementById("clicks").innerHTML = clicks;
if (clic
浏览 0提问于2019-07-27得票数 0
回答已采纳
如何仅当鼠标单击按钮时才能更改该按钮的背景图像？
有没有CSS跨浏览器的解决方案，或者我应该用jQuery解决？
谢谢
浏览 0提问于2011-02-05得票数 1
回答已采纳
这就是我想要实现的目标:我在一个列表中有四个按钮，每个按钮都有一个白色的背景和一个独特的颜色边框。当一个按钮被点击，它的背景变成与它的边框相同的颜色。当单击第二按钮时，第一按钮恢复正常，第二按钮的背景被填充第二按钮边框颜色。每个按钮都有id "navX“，其中X是从1到4之间的一个数字。
我一直在使用jQuery和javascript的组合来实现这一点。我试图使用jQuery on click将所有按钮背景设置为白色，并尝试使用javascript来填充单击按钮的背景。这是因为我知道jQuery允许您用一个普通的id字符串收集所有元素：
$('[id^=nav]').c
浏览 5提问于2017-06-18得票数 0
回答已采纳
4回答
在我的网页上，我使用HTML选择器设置了带有CSS的背景图像。背景图像基本上就像一个蓝图示意图的背景。(即蓝色背景上的白色网格。)
CSS：
html
{
display: block;
position: absolute;
background: url(../assets/background.jpg) repeat;
color: #FFF;
margin: 0px;
padding: 0px;
border: none;
}
当最终用户单击一个按钮时，我希望上面提到的背景图像从屏幕上滑出，向右上角方向移动，使页面看起来在大蓝图原
浏览 4提问于2015-02-16得票数 2
回答已采纳
我正在使用jQuery进行开发，我想开发一个方形按钮。
因此，我所做的就是用css修改它的高度，因为我不能修改它的宽度，所以我只是在里面写了一些随机的文本，这样它就变成方形了。
这个按钮将根据用户的交互改变它的背景色，所以我尝试同时改变颜色文本和背景颜色，这样文本就会“消失”。
但事情就是这样：
如您所见，文本(mmmmmm)是可见的，因此：
我怎样才能使文本透明？
编辑：
这是代码：
<button id="btn1" data-inline="true">mmmmm</button>
这是阻止我修改宽度的css：
<
浏览 7提问于2015-01-23得票数 0
回答已采纳
2回答
我的文档头中有指定的样式。我在部门上指定了背景图像，但如果用户单击链接，但我所做的一切都拒绝工作，则需要对其进行更改。
<style type="text/css">
/*Some CSS*/
.large {
background: url('/images/artwork1.jpg') no-repeat;
}
</style>
<div class="large"></div>
<img id="m
浏览 2提问于2016-09-26得票数 1
回答已采纳
1回答
我正在使用jQuery全屏插件来实现全屏背景图像，它可以根据浏览器窗口大小调整()动态缩放。它对我来说一直运行得很好。在此特定项目中，当单击每个链接时，背景图像会发生变化。这是一个单页面站点，使用jQuery ScrollTo插件单击菜单项时会滚动。
我很难弄清楚如何设置最小的背景图像宽度。如果浏览器窗口变得足够小，背景图像中的白色会干扰白色文本。我想设置一个最小宽度，使背景图像缩放到某个点，然后停止，而不管窗口有多小。我的Javascript技能相当业余，我已经尝试过简单地使用CSS，但都没有用。
浏览 1提问于2012-11-13得票数 0
回答已采纳
1回答
我有一个带有背景图像的JQuery按钮，当我单击它时，我想要生成文本而不是图像，所以我写了如下：
$current.css({ 'background': 'none' });
$current.text('Ok');
current是我的按钮。
在Android设备上，它工作得很完美，但是在iOS上，当我单击按钮时，就会看到'...'而不是'Ok'。
有人知道原因吗？
浏览 3提问于2015-03-19得票数 1
回答已采纳
3回答
我试图在Javascript中制作一个按钮，当单击该按钮时，将背景颜色更改为随机颜色。
我的代码在第一次单击时运行良好，但在后续单击时不起作用。
在没有任何jquery的情况下，我如何用纯javascript来修复这个问题。谢谢!
var buton=document.getElementById("buton");
var randcol= "";
var allchar="0123456789ABCDEF";
buton.addEventListener("click",myFun);
function myFun(){
浏览 2提问于2016-12-29得票数 7
回答已采纳
我想根据访问者的鼠标悬停行为来更改页面的页面背景图像。
目的是什么？我想要一张背景为超大尺寸Jquery的全屏照片。当访问者点击按钮时，我希望页面显示另一个背景图像。我想让这张背景图像淡入。
悬停效果位于列表中。需要淡入淡出的图像位于主体背景中。当我悬停列表项时，我已经更改了背景。但是我不能把淡入淡出。
我目前掌握的代码如下：
$(document).ready(function()
{
var colorOrig=$("body").css('background-image');
$(".first").hover(
func
浏览 1提问于2011-09-05得票数 0
我在使用jQuery更改属性时遇到问题
下面是我的代码：
JS:
$("#but1").hover(function()
{
$(this).attr('src', 'css/img1.jpg');
}, function()
{
$(this).attr('src', 'css/img2.jpg');
});
HTML:
<body>
<div id = "but1" class = "button&#
浏览 0提问于2015-04-10得票数 0
1回答
我有一个页面，显示一个随机的背景图像从一个数组的5个图像。我还想在页面底部为该图像设置适当的属性链接，但我不知道如何使用javascript或php来实现这一点。这就是我现在拥有的：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
var images = ['1.jpg
浏览 2提问于2015-02-24得票数 2
回答已采纳
在google主页上，如果单击“更多”按钮，就会在该按钮下面打开一个菜单，如下所示：
如何使用css/javascript/jquery对网站导航栏中的一个选项卡进行类似的操作？
编辑:更具体地说，我想知道如何完成CSS部分，即：
当下拉菜单被切换时，如何在选项卡上形成上下箭头图形显示。(也就是说，当切换时，显示向下箭头，当不是，向上箭头)。(我宁愿使用背景图像来切换箭头，而不是仅仅放置一个<img> )
如何使新列表在选项卡下面弹出并与其对齐。
浏览 12提问于2012-06-16得票数 1
回答已采纳
我绝对是JavaScript/jQuery的初学者。
我想知道我是否可以达到这样的效果，即我可以通过多次单击同一按钮来连续切换网页的多种背景颜色。
这是我在互联网上找到的脚本：
<script>
$("#change-colour").click(function(){
$("body").css("background-color","red");
});
</script>
但是，使用此选项我只能更改一次背景颜色。我希望通过单击同一按钮多次更改背景颜色，例如：
单击>>红色&g
浏览 8提问于2012-12-27得票数 0
回答已采纳
1回答
体背景图像和jquery
、、、
我对jquery很熟悉，而且我在尝试使用某些东西方面遇到了一些困难。
基本上，我有一个wordpress网站，在每一页上是一个不同的背景图像的身体标签。我希望能够切换一个按钮，然后身体背景图像下降约500 to。
基本上，我的页面顶部有一个隐藏的联系人区域，当您单击按钮(a.contact)时，隐藏的联系人区域(# contactArea )将从顶部下拉显示，但是当contactArea删除我的一些背景图像时，直到您再次单击该按钮。
我试图实现的是，当隐藏的contactArea被显示时，背景图像会下降(仍然完全可见)，因此背景图像总是可见的.我希望这有道理？！
我的css代码是：
home
浏览 3提问于2012-02-07得票数 1
回答已采纳
3回答
我试图建立一个网站，其中的背景图像的Div-元素变化，每次用户重新加载页面。该分区元素的背景图像应该总是随机的。
它还应该改变为另一个随机选择的背景图像，在3-5秒后淡出过渡。
我一直在尝试Jquery.Cycle2.js和Jquery.shuffle.js，它们在我进行转换时工作得很好，但是它们不会变成随机的背景图像。当有人重新加载页面时，它们也不会将背景图像更改为随机图像。
我还尝试了image = new，并使用了Math.round和Math.random JavaScript元素。当有人刷新/重新加载页面时，当我想要随机背景图像时，它们工作得很好，但它没有将它更改为另一个随机背景图像
浏览 4提问于2014-02-12得票数 1
回答已采纳
1回答
当用户刷新一个页面或单击不同的页面时，我希望从我的背景图像文件夹中显示不同的背景图像。
在我的布局中，我缓存了图像的路径，但是我无法使jquery正确地显示它。背景位置和背景附件属性可以工作，但是jquery没有创建背景图像。就像jquery跳过背景图像代码一样。
顺便说一下，我的backgroundUrl属性创建的方式就像路径“/映像/背景/1.jpg”，这样它就正常工作了。谢谢你的帮助。
@{
var items = Utils.GetImages("background", 3);
var backgroundUrl = items.FirstOrDef
浏览 2提问于2015-04-23得票数 0
回答已采纳
1回答
点击发出新的图像请求
、、、
我想提出一个请求，从中获取一个新的随机图像--我不确定这是否是正确的方法，但是概念是，每当用户单击按钮时，背景图像就会改变。这是我的密码。
$(document).ready(function() {
var changeImg= function(obj){
var imageSrc = 'https://source.unsplash.com/random/';
$('body').css('background-image', 'url(' + imageSrc + ')
浏览 2提问于2016-11-27得票数 0
回答已采纳
1回答
我有一个特定的领域，在我的网站上有一个可切换的背景，但它似乎有点小故障。当涉及到淡出其他对象时，我的代码可以工作，但在这种情况下，它不适用于我的图像。我想要的:每当用户单击我的按钮时，函数就被激活。如果“按钮”文本是“应用程序”，我希望背景淡出，如果是“游戏”淡入。同时，我希望文本的颜色类也从fontcolor2更改为fontcolor1，而另一种情况则相反。问题；当我运行代码时，会在第一次单击时工作。在此之后，背景会像往常一样消失，文本也会发生变化。但是，当我单击“更改”按钮时，文本的颜色会发生变化，而不会使图像褪色。
出现故障的图像称为gamesBG，时间是bgFadeDuration。
浏览 2提问于2014-04-13得票数 0
如何在单击确定按钮时使用类名更改背景颜色或图像。
例如，我有一个div，
我可以像这样用jquery编写代码，
$(".test").css("background","red");
在Javascript中
document.getElementByClassName('.test').style.background="red";
如果角度是2、4、5或6，我该怎么做？
changebtn():void{
document.querySelector('test').classList.ad
浏览 0提问于2018-07-26得票数 3
2回答
我是jQuery的新手，在尝试让一些东西工作时，我遇到了一些麻烦。
基本上我有一个WordPress站点，在每个页面上有一个不同的主体标记的背景图像。我希望能够点击一个按钮，然后身体背景图像下降约500px。
我的CSS代码是：
body.page.page-id-240 {background:url(images/main-home-bg.jpg) center 600px no-repeat;
更新
我在我的页面顶部有一个隐藏的联系人区域，当您单击按钮(a.contact)时，隐藏的联系人区域(#contactArea)会显示出来，但是我的一些背景图像会隐藏起来，直到您再次单击该按钮。
浏览 1提问于2012-02-07得票数 0
回答已采纳
我试图使用JQuery来切换打开/关闭三个表行(<tr>的)，这些脚本、css和html代码都位于asp.net web表单页面(.aspx)中。我可以单击加号(+)和减号(-)图标来切换表行，但我的问题是，当我单击"Submit“按钮，该按钮会导致回发，打开的表行全部关闭，页面返回其初始状态。我想知道是否有办法在回发后保持打开的表行状态？
(此代码使用jquery-2.2.4.js和字体-可怕的4.7.0)
JQuery脚本：
<script type="text/javascript">
$(function () {
浏览 4提问于2019-10-24得票数 0
1回答
我想在用户单击按钮时随机化背景图像。
每次点击右下角的按钮时，我都想从一组外部托管的图像中随机选择背景图像。
我怎样才能做到这一点呢？(如果可能的话，不要使用PHP。)
浏览 4提问于2016-09-22得票数 0
回答已采纳
我有一个按钮，我想要更改它的背景，以显示当用户单击它时它是禁用的。它在IE/FF中工作得很好，但在chrome中，它似乎找不到背景图像，并使背景什么都没有。
我只是在jQuery 1.2.6中做一个简单的css设置。
$(".CheckoutBt").css("background-image", "url(/Portals/_default/images/buttons/checkout-end-disabled.gif)");
浏览 0提问于2009-03-04得票数 4
回答已采纳
1回答
将焦点设置到选项卡上的按钮
、、、、
您好，我正在尝试设置焦点到一个按钮时，它是Tab键。我遇到的问题是，当我添加按钮的背景图像时，焦点颜色不会显示在图像周围，但如果我删除图像，按钮工作得很好。当按钮具有焦点并将其重置为模糊时，我如何在按钮周围放置边框？
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(
浏览 1提问于2012-01-26得票数 0
回答已采纳
如果可能的话，我正在使用jQuery处理一个可折叠的列表，并希望根据列表的状态更改JavaScript文件中的背景图像
这是div的html
<div class="collapse_div">
<div class="header_div">header text</div>
<div class="content_div">
Some text
</div>
<div class="header_div">another hea
浏览 0提问于2012-01-11得票数 2
回答已采纳
我有一个输入按钮，其中有一个来自css的图像。当悬停或单击输入按钮时，来自css的图像会改变其背景位置。
例如。
input { height: 50px; width: 100px; background-position: 0 0; }
input:hover { background-position: 0 -60px; }
input:active { background-position: 0 -120px; }
如何使用jQuery使过渡变得缓慢平滑，而不是自动更改？
浏览 0提问于2011-07-25得票数 2
回答已采纳
在点击图片，我希望它弹出与透明的基础。
我试着同时使用LightBox和SuperBox，但在这两种情况下，虽然图像弹出，但我面临以下问题，
它没有显示关闭按钮，标题等。
它在URL中显示图像路径，因此我必须单击browser back按钮才能返回网站
它没有显示透明的背景(我不想隐藏我的网页时，图像弹出)。我是jQuery的新手。
我的DOM看起来像下面。
<script type="text/javascript">
$(document).ready(function() {
$(".testing").click(
浏览 2提问于2012-08-09得票数 0
回答已采纳
3回答
我在一个我正在工作的网站上有一个街区，其中包括一些按钮和一个背景图像。
我需要每3秒更改一次背景图像，这样我就有了以下javascript：
jQuery('.myBlock').css({"background-image" : "url(img1)"});
var counter = 0;
function setBckImage(){
if(counter<3){
counter++;
} else {
counter=1;
}
switch (counter){
浏览 1提问于2016-12-16得票数 1
回答已采纳
我是javascript的新手，所以如果我犯了错误，请耐心等待，我正在设计一个网站，允许用户通过按钮按下改变背景，这一切工作得很好，这是伟大的，但我希望图像能够循环与时间延迟。本质上，我希望用户能够单击一个按钮来更改背景，但我也希望在一段时间后在后台单击同一个按钮时运行一个javascript循环，这是可能的吗？
更改背景的代码如下：
$(document).ready(function () {
var i = 0;
$("#n").click(function () {
i++;
if (i > 16) { i =
浏览 0提问于2020-01-05得票数 2
1回答
单击时覆盖悬停转场
、、、
新手来了！
我有一个按钮，"New Quote"，当点击它时，页面内容会转换成超过1000ms的新的随机配色方案。此按钮还具有jQuery悬停效果，在悬停时会将其背景颜色转换为较深的阴影，延迟超过100毫秒。
当点击链接时，100ms的过渡仍然存在，导致按钮的背景颜色转换到新的随机颜色要比页面的其余部分快得多。
有什么办法可以覆盖悬停过渡，并在单击按钮后将其替换为更长的过渡吗？
下面是我的JavaScript/jQuery：
$(document).ready(function() {
refreshQuote();
})
$(".newQuote").o
浏览 3提问于2017-05-18得票数 0
我已经创建了一个按钮CSS类，它使用具有不同位置的背景图像在正常状态、鼠标切换和单击状态上显示不同的图像。一件完全破坏视觉效果的事情是，如果我反复点击这样的链接并移动鼠标一个像素，链接文本就会被选中。
是否有办法达到
onselectstart = "return false;"
而不必为每个按钮指定这个？基于CSS的解决方案将是完美的，但我想不出一个。有什么想法吗？
一种方法是使用prototype或JQuery迭代每个“按钮”元素，并手动设置onselectstart事件。不过，我对Javascript过敏时，不是绝对必要的，并将感谢任何非JS的想法。
编辑：--我已经为M
浏览 3提问于2009-10-28得票数 3
回答已采纳
1回答
我正在使用bootstrap 4作为我的框架，我想在我的页面右上角创建一个固定的滑动条，在我的背景图像上提供额外的信息。但问题是，每当我单击jquery触发按钮时，内容都会显示在背景图像的底部，而不是在z-index较高的背景图像本身上滑动。这就是我正在尝试实现的，你可以在这个模板上看到它，顶部的红色滑块按钮：
$(document).ready(function(){
$("#slider-button p").click(function(){
$(".top-slider").slideToggle();
$(
浏览 20提问于2018-02-15得票数 0
1回答
我想用jQuery打印一些。有一个打印按钮。单击“打印”按钮时，单击事件将创建一些标记。我想在打印机上打印那些标记。没有任何插件怎么可能？
按钮
<a class="print-button" href="#" title="Print"></a>
jquery：
$('.print-button').click(function (){
var markup = '<html><head><title>TODO supply a title</ti
浏览 2提问于2013-10-13得票数 0
2回答
我正在寻找一种方法来实现一个全尺寸响应的背景图像，就像可以使用下面的CSS实现的那样，除了我还要求我的背景是可动画的(可以使用Jquery褪色)。
下面是CSS，它在我的登陆页面上给了我想要的效果：
body {
margin: 0;
background-image: url(images/lovelyphoto.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
b
浏览 2提问于2018-01-03得票数 2
回答已采纳
我在我的安卓系统的WebView中使用jQueryMobile页面。对于我的jQM页面按钮，我有像这样的css。
jQuery(".pm_btn").css("background-image", "url(bluebutton.png)");
jQuery('.pm_btn').mousedown(function() {
jQuery(this).css("background-image", "url(redbutton.png)";
浏览 1提问于2011-09-29得票数 0
2回答
我有一个页面，在文档就绪和窗口滚动上通过jQuery定义了许多功能和样式，甚至确保在禁用JavaScript的情况下它可以很好地降级。然而，我只是拼凑了一个“打印”样式表，这个样式表丢弃了大多数样式，当我测试它时，我意识到我的jQuery方法在打印和添加回一些背景图像时起作用。是否可以在打印时禁用JavaScript或jQuery，甚至禁用某个特定功能？
最大的问题是这篇文章，它根据生成的数字生成一个随机的背景图像，覆盖了我的打印样式表对earlier...it - image :none的调用，即使使用了!important标记：
$(document).ready(function() {
浏览 3提问于2011-02-18得票数 1
回答已采纳
1回答
使用jQuery切换背景位置
、、、、
我是jQuery的新手，在尝试让一些东西工作时，我遇到了一些麻烦。
基本上我有一个wordpress站点，在每个页面上都有一个不同的body标签的背景图片。我希望能够切换到一个按钮，然后身体背景图像下降约500px。
基本上，我在我的页面顶部有一个隐藏的联系人区域，当您单击按钮(a.contact)时，隐藏的联系人区域(#contactArea)会从顶部向下显示，但是当contactArea放置时，我的一些背景图像会隐藏起来，直到您再次单击该按钮。
我试图实现的是，当隐藏的contactArea显露出来时，背景图像会消失(仍然完全可见)，因此背景图像总是可见的。我希望这是有意义的？！
我的cs
浏览 1提问于2012-02-07得票数 0
回答已采纳
4回答
我每一季都有10个背景(春夏……)在文件夹(%1，%2，%3，%4)中。现在我需要随机更改每个季节的div背景。我的意思是，对于春季变化，文件夹1的随机图像。
如何使用PHP或混合jquery/css更改背景？！
浏览 1提问于2014-10-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
