鼠标按下时更改背景图像

2024-01-30

我有一个小问题,我发誓应该有用......这似乎是一个愚蠢的问题......但它是...... 我想要一个我创建的 div 来充当按钮......当我点击它时它不想改变它的背景(给出按钮的效果) 这是我的代码:

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Untitled Document</title>
 <style>
 #button1 {
     width:100px;
     height:50px;
     background-image:url(normalbutton.jpg)
 }
 </style>
 </head>

 <body class="asd">
 <div id="container">
 <a href="#">
 <div id="button1" onmousedown="document.getElementById("button1").style.backgroundImage='url(onmousedownbutton.jpg)'"></div></a>

 </body>
 </html>

我认为使用 jQuery 会很容易:

$("#button1").mousedown(function() {
    $(this).css({'background-image': 'url(1.jpg)'}) 
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

鼠标按下时更改背景图像 的相关文章

  • 身体动画不流畅

    下面代码中的 spaceShip 在开始按住任何箭头键时移动并不顺利 它移动一步 冻结一瞬间 然后 平稳 地移动 怎样才能让它从一开始就顺利运转 而不是 冻结 My code
  • 在 Excel 中使用 VBA 设置图像透明度

    有没有办法使用 VBA 脚本对图像应用一些透明度 我录制了一个 宏 但似乎没有录制艺术效果 我已经找到了如何制作形状 但没有找到图像 这需要几个步骤 将自选图形 如矩形 放置在工作表上 使用以下方法将您的实际图片嵌入矩形中 ShapeRan
  • 指南针字体输出错误的字体文件路径

    font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc
  • 如何在 select2 下拉列表中换行?

    我正在使用 select 2 下拉菜单 然后在其内容中显示一些长句子 我想在句子的正确位置添加换行符 但下拉菜单是自动调整的 For example the content of the dropdown right now looks l
  • 在 React 中切换 css 类

    如何使用布尔值切换 React 中元素上 css 类的存在 在 Angular 2 中我可以这样做 class red isRed 如何在 React 中做熟悉的事情 在 React 中 元素使用如下语法获取它们的类 div div 但请注
  • 如何在不使用变换或顶部/左侧的情况下转换列表中项目的位置

    有一天我偶然发现一个例子 https codepen io itslit pen gvKrMY它使用 Vue js 但我的问题更多是关于 Vue 用于实现状态之间转换的 CSS 和 HTML 卡片暂时获得等级 shuffleMedium m
  • html 选择列表 - 通过传入变量获取文本值?

    我有一个显示列表语言的选择列表
  • 自定义rc-time-picker的样式

    我在用rc time picker我的项目的包 但我在自定义样式时遇到问题pop up of my time picker成分 这是我的组件的屏幕截图 首先 我需要更改时间的背景颜色item在当时li from light grey 在屏幕
  • Django:按钮链接

    我是一名 Django 新手用户 尝试创建一个按钮 单击该按钮会链接到我网站中的另一个页面 我尝试了一些不同的例子 但似乎没有一个对我有用 举个例子 为什么这不起作用
  • 如何使用 JavaScript 创建链接?

    我有一个标题字符串和一个链接字符串 我不知道如何将两者放在一起以使用 JavaScript 在页面上创建链接 任何帮助表示赞赏 我试图解决这个问题的原因是因为我有一个 RSS 源并且有一个标题和 URL 列表 我想将标题链接到 URL 以使
  • 为什么我的淘汰单选按钮在另一个具有点击绑定的元素内时会失败?

    我有一个单选按钮列表 我想要点击 li 他们还检查单选按钮 这一切都有效 直到我放了一个name单选元素上的属性 然后我的代码停止工作 我的代码如下所示 ul li li ul li
  • 如何在更大的 div 中垂直和水平居中一个 div?

    如何将一个 水平居中于另一个 中 我设法使用已接受答案中的样式水平居中 我怎样才能让它垂直居中 内部 div 的高度未知 https stackoverflow com questions 114543 how to center div
  • 将图像作为框架放置在 iframe 周围?

    我有一个网站尝试以移动格式显示 但在宽屏幕上 我确信 iframe 是正确的选择 我正在尝试将 iframe 加载到 iPhone 的图像中 你可以看一个例子here http webfro gs south tour iframe tes
  • 响应式图像 - srcset 和尺寸属性 - 如何正确使用两者:基于设备像素比和基于视口的选择一起?

    到目前为止 我经常读到这个问题 并且它也发生在我自己的项目中 这里介绍一下我到目前为止所发现的关于 srcset 和 size 属性的内容 关于如何使用有两种不同的可能性srcset 属性 来源 w3c http w3c github io
  • 删除子元素上的 CSS 过滤器

    我的 CSS 代码有问题 正如您所看到的 我在 li 元素上有过滤器 但它覆盖了其他元素 我需要使其他两个元素没有过滤器 有没有可能这样做 main width 300px height 300px background color blu
  • Angular - CSS - 自定义类型=文件输入,如何使用按钮而不是标签?

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了
  • HTML5 MediaSource 适用于某些 mp4 文件,但不适用于其他文件(相同的编解码器)

    我正在玩 MediaSource API 代码直接取自 Mozilla 的示例页面 https developer mozilla org en US docs Web API MediaSource endOfStream https d
  • Firefox 不会在使用 jQuery AJAX 加载的内容上呈现 CSS 样式

    我有一个网站 允许用户对书籍和文章发表评论 主表单有一个搜索输入 用于查找相关书籍或文章 来源 我使用 jQuery 根据输入的搜索词从外部站点动态加载新源 然后还使用 AJAX 返回列表中的源 我有两个问题 现在 在用户输入四个字符后 j
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • HTML 锚点,禁用样式

    我有一些 html 锚链接代码 与文档的其余部分不同 我希望它看起来不是链接 有没有一种简单的方法可以禁用由于将文本包装在锚标记中而引起的样式更改 而不必强行使其相同 即 如果我更改正文字体样式 我不必也更改其他一些 link东西 将颜色设

随机推荐

  • 在终端中使用 cURL 发布数组

    我正在尝试为应用程序构建网络服务 因此数据存储在我拥有的在线数据库中 我目前正在构建 php 文档 我很好奇如何才能POST an array using cURL in the 终端 Mac 应用程序 您会看到 应用程序将向 Web 服务
  • Firestore - 按降序排序

    在我的 Firestore 数据库中 我有字段索引 no 数据类型是字符串 但数据是数字 如 1 2 3 等 collectionReference orderBy indexNo Query Direction DESCENDING 到9
  • OpenSSL 作为 CA,无需触及 certs/crl/index/etc 环境

    我认为我有正确的 OpenSSL 命令来签署证书 但我陷入了困境 并且我发现的教程使用了不同的参数格式 我使用的是 OpenSSL 0 9 8o 01 Jun 2010 openssl ca cert cert pem keyfile ke
  • Azure DocumentDB 性能缓慢

    我目前面临 Azure DocumentDB 的响应时间相当慢 第一次尝试 集合中有 31 个对象 我将获取这些对象并将其返回给调用者 我正在使用的代码是这样的 public async Task
  • Clojure 中的原子文件替换

    我有一个可以写入更新磁盘文件的应用程序 但我想尽可能确保文件的先前版本不会损坏 当然 更新文件最直接的方法就是简单地编写 spit myfile txt mystring 但是 如果 PC 或 java 进程 在写入过程中死机 则有很小的机
  • 检索 HTML 元素的位置 (X,Y)

    我想知道如何获取 HTML 元素的 X 和 Y 位置 例如img and div在 JavaScript 中 正确的方法是使用element getBoundingClientRect https developer mozilla org
  • 无法在多线程的正确文件上写入日志?

    我已发布问题 如何使用java在多线程中使用log4j https stackoverflow com questions 8226615 how to use log4j in multithread using java 我得到了回复
  • 避免在 JavaScript 中转义特殊字符

    我的服务器返回值为support testing 当我在客户端获得这个值时 它可以被转义为support testing t作为制表符空格转义 如何避免在 JavaScript 中转义特殊字符 您的服务器需要使用正确的转义来输出字符串 在这
  • 如何有效地发送大数据包/合并较小的数据包?

    我有一个更大的缓冲区 我试图作为数据包发送 Nodejs 将缓冲区分割成更小的 65k 数据包 一旦客户端收到它们 我如何确保数据包组合在一起并有效地将它们重新组合到缓冲区中 几乎用这个作为测试 tcp socket var buf Buf
  • HTTP 400 的 Spring MVC 自定义消息

    我有几个像下面这样的 SprigMVC 方法 返回 ModelAndView 或 Responsebody 当用户向这些缺少所需参数的网址发出请求时 他们自然会收到消息 所需的字符串参数 id 不存在 从安全角度来看我想隐藏此详细描述消息来
  • Python 获得正确的行结尾

    有没有一种简单的方法来获取当前操作系统使用的行结束类型 如果您正在操作以文本模式打开的文件 那么换行符全部显示为 是正确的 n 否则 您正在寻找os linesep http docs python org library os html
  • 是否可以用 ISO 8601 表示开放式时间间隔?

    ISO 8601 包括几种表示方法时间间隔 https en wikipedia org wiki ISO 8601 Time intervals 开始 结束 开始 持续时间 持续时间 结束 duration 例如 1990 1999是一个
  • 为什么 XmlDocument 在 .NET 4 中不是动态的?

    我希望看到使用的领域之一dynamic是XML 我认为这将使 XML 处理代码编写起来更简单 并且我相信在 C 4 出现之前我看到了一些示例 并且提到了它在这个答案中 https stackoverflow com questions 22
  • 使用单个指针访问二维数组

    像这样的代码有很多 include
  • 无法编译使用 std::io 的代码 - `std::io` 中没有 `File`

    我对 Rust 还很陌生 我只是想通过从文本文件中执行基本的逐行读取来熟悉 io 库 我试图编译的示例直接来自网站 use std io BufferedReader use std io File fn main let path Pat
  • 将 Heroku Postgres 连接到 PowerBI

    我希望将 Heroku PostgresSQL 直接连接到 PowerBI Desktop 看起来市场上有几种产品可以从 Heroku 复制到 Azure 但希望直接连接到 PowerBI 有人能够做到这一点吗 如果有一个替代数据库选项可与
  • selectInput 选择显示标签中闪亮的额外空白

    我正在使用闪亮的 selectInput 并且在我的选择的下拉菜单中我想要在一些单词之间有多个空格 但仅包含空格不会显示 应用程序中最多有 1 个空格 例如 在下面的代码示例中 Cylinder 和 I 之间有多个空格 但是如果运行此命令
  • MVC 4 Razor - 创建动态 DropDownList

    我正在尝试创建一个具有两个 DropDownList 的视图 第二个 DropDownList 中的可用选项取决于用户在第一个 DropDownList 中选择的选项 我将此数据传递到 ViewBag 中的视图 如下所示 List
  • 根据满足哪个条件对行进行排序?

    我有一个非常简单的问题 是否可以根据满足哪个条件对检索到的行进行排序 例如 我有一个人员表 我想检索姓名以 I 开头 以 ster 结尾 或包含 lo 的所有人员 并根据满足这些条件的条件进行排序 首先匹配第一个条件的行 然后匹配第二个条件
  • 鼠标按下时更改背景图像

    我有一个小问题 我发誓应该有用 这似乎是一个愚蠢的问题 但它是 我想要一个我创建的 div 来充当按钮 当我点击它时它不想改变它的背景 给出按钮的效果 这是我的代码 div div