jquery - 筹款温度计方法

标签 jquery html css jquery-plugins

我需要为网站创建一个温度计类型的小部件,我可以在其中输入目标和当前数量,然后生成显示进度的图形。我当时认为使用 jQuery/CSS 的东西是最好的方法,但后来我开始考虑也许只是使用 jQuery UI 库中的垂直 slider 并为其设置外观。你们将如何处理这个问题?我一直在寻找插件,但没有找到任何相关的东西。

最佳答案

您可以通过一个带有背景图像的简单div制作指示器,由JS定位。

  1. 创建一个分区
  2. 设置高度/宽度
  3. 设置背景图片
  4. 根据值计算bg图像的位置
  5. 设置 background-position css 属性形成结果

关于jquery - 筹款温度计方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3403000/

相关文章:

javascript - .active 类仅在单击按钮的一部分时发生

javascript - 如何使用javascript读取iframe中的webkitAllowFullScreen属性

javascript - html5中如何防止点击按钮刷新页面?

css - 我应该如何在一种样式中有选择地应用 'transition:' 属性?

jQuery Ajax 不发布任何数据

javascript - 在具有不同条目样式的 Twitter Bootstrap 列表之间移动元素

html - 如何让我的 TD 中定义的类优先于为 TD 定义的通用类?

javascript - HTML 表单提交值并将所有值存储在一个新数组中(javascript)

android - Android设备上固定元素的延迟滚动位置

html - 如何将搜索框设置为 "nullify"(这样它就不会触发 Accordion )