Powerange

iOS 7 风格的范围滑块
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件、 jQuery高级页面组件
软件类型 开源软件
地区 不详
投 递 者 杜高谊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Powerange 是个范围滑块控制器,灵感主要来源于 iOS 7。它非常容易自定义,无论是 CSS 还是 JavaScript。

Powerange 是个非常强大的 UI 工具,主要特性如下:

  • 能修改颜色和覆盖风格;

  • 转换横向和纵向风格;

  • 自定义最小,最大和默认值;

  • 自定义阶距

  • 显示小数值;

  • 显示图标来代替最大最小值

在线演示

  • 1、引入js和css,别忘了jquery,要在powerange.js前面 <link rel="stylesheet" href="dist/powerange.css" /> <script src="dist/jquery.js"></script> <script src="dist/powerange.js"></script> 2、html需要加入的内容:必须有input表单,并且定义

 相关资料
  • 我有一个960x540窗口,我正在使用OpenGL创建。在这里渲染一个纹理,并使用imgui实现一个滑块,让我在运行时翻译x、y和z位置。 首先,我设置滑块默认值。 稍后,在我的循环中,只要窗口打开,就会逐帧渲染对象的位置,我将ImGui::SliderFloat3和v\u min参数设置为窗口的尺寸。似乎所有3个滑块x、y和z都使用这些值,但是否有方法为每个滑块设置范围?正如你所看到的,我的y轴

  • 我正在尝试定制一个范围滑块根据我的需要我几乎在那里除了它的方向,目前它是水平对齐的,应该是垂直的。 我尝试添加和以及 不走运。 当前代码库如下:Style 标记 是不是我漏了什么?如有任何帮助,我们将不胜感激。谢谢

  • 本文向大家介绍jQuery UI Library 范围滑块,包括了jQuery UI Library 范围滑块的使用技巧和注意事项,需要的朋友参考一下 示例 范围滑块提供2个可拖动的手柄以选择数值。滑块的初始化必须提供一个range选项集true来创建范围滑块:            

  • 命名 通常来说,使用 functionNamesLikeThis , variableNamesLikeThis , ClassNamesLikeThis , EnumNamesLikeThis , methodNamesLikeThis , CONSTANT_VALUES_LIKE_THIS , foo.namespaceNamesLikeThis.bar 和 filenameslikethis

  • 分号 小技巧 不要在行尾加分号, 也不要用分号将两条命令放在同一行. 行长度 小技巧 每行不超过80个字符 例外: 长的导入模块语句 注释里的URL,路径以及其他的一些长标记 不便于换行,不包含空格的模块级字符串常量,比如url或者路径 Pylint 禁用注释.(例如:``# pylint: disable=invalid-name) 除非是在 with 语句需要三个以上的上下文管理器的情况下,否

  • Twitter Java Style Guide Google Java Style Guide 阿里巴巴Java开发手册

  • 编码风格指南 本篇规范是 [PSR-1][] 基本代码规范的继承与扩展。 本规范希望通过制定一系列规范化PHP代码的规则,以减少在浏览不同作者的代码时,因代码风格的不同而造成不便。 当多名程序员在多个项目中合作时,就需要一个共同的编码规范, 而本文中的风格规范源自于多个不同项目代码风格的共同特性, 因此,本规范的价值在于我们都遵循这个编码风格,而不是在于它本身。 关于「能愿动词」的使用 为了避免歧

  • 问题内容: 我想垂直显示一个滑块控件。我只关心支持范围滑块控件的浏览器。 我发现一些注释和参考资料似乎表明将高度设置为大于宽度会导致浏览器自动更改方向,但是在我的测试中,这仅 适用于Opera,而 过去不再适用于Opera。如何垂直定位HTML5范围滑块? 问题答案: 首先,将高度设置为大于宽度。从理论上讲,这就是您所需要的。在HTML5规格建议尽可能多的: … UA根据样式表指定的高度和宽度属性