草庐IT

p_slider

全部标签

javascript - 响应式、多句柄 HTML 5 或 javascript 范围 slider

我目前正在开发一个响应式网站,并且想使用一个多handle范围slider。我曾使用过一些运行正常但没有响应的javascript解决方案。我已经考虑了两个html5范围输入的选项,它们可以优雅地降级为旧浏览器上的文本输入。但是,我想知道是否有人遇到过用于具有多个句柄的范围slider的javascript解决方案,它可以在响应式环境中工作。有什么想法或提示吗? 最佳答案 你可以看看noUiSlider.它支持在许多设备上进行触摸,并且与响应式设计配合得很好。不依赖于jQuery等。披露:我做到了。

javascript - jQuery Domino Like slider 插件

我正在寻找一个基于jQuery的内容slider插件。我不是说像this这样的人(其中有太多)也不是jQueryUIslider.我正在寻找的东西最好用图片来描述。是否有一个jQuery插件允许我将某些元素从视口(viewport)中滑出(或过渡)并在其位置上滑动新元素?理想情况下,我希望能够以(某种)系列的形式将几个元素从页面上移开并放回页面上,而不是一个接一个地移开。如果能够缓和这些元素,而不是以线性速度滑动它们,那就太棒了。这张照片是我能想到的最好的视觉效果:我知道我可以开发一个插件,就像我以前做过的那样,但我想尽可能避免重新发明轮子。谁能推荐一个插件?感谢您的宝贵时间。

javascript - jQuery Domino Like slider 插件

我正在寻找一个基于jQuery的内容slider插件。我不是说像this这样的人(其中有太多)也不是jQueryUIslider.我正在寻找的东西最好用图片来描述。是否有一个jQuery插件允许我将某些元素从视口(viewport)中滑出(或过渡)并在其位置上滑动新元素?理想情况下,我希望能够以(某种)系列的形式将几个元素从页面上移开并放回页面上,而不是一个接一个地移开。如果能够缓和这些元素,而不是以线性速度滑动它们,那就太棒了。这张照片是我能想到的最好的视觉效果:我知道我可以开发一个插件,就像我以前做过的那样,但我想尽可能避免重新发明轮子。谁能推荐一个插件?感谢您的宝贵时间。

javascript - 创建垂直 slider HTML 元素

我正在尝试创建我自己的HTML元素,如下所示:我想要创建的外观:我的尝试:该小部件仅适用于网站的iPad版本,遗憾的是我无法使用JQuery。我的问题:我正在尝试向小部件添加slider/箭头,但我不知道如何操作?是否有一个带有箭头slider的webkit外观?小部件上是否可以有一个slider箭头?我的代码:jddsjh-jddsjh-jddsjh-jddsjh- 最佳答案 input[type="range"]{position:absolute;-webkit-transform:rotate(90deg);top:100p

javascript - 创建垂直 slider HTML 元素

我正在尝试创建我自己的HTML元素,如下所示:我想要创建的外观:我的尝试:该小部件仅适用于网站的iPad版本,遗憾的是我无法使用JQuery。我的问题:我正在尝试向小部件添加slider/箭头,但我不知道如何操作?是否有一个带有箭头slider的webkit外观?小部件上是否可以有一个slider箭头?我的代码:jddsjh-jddsjh-jddsjh-jddsjh- 最佳答案 input[type="range"]{position:absolute;-webkit-transform:rotate(90deg);top:100p

javascript - Jquery Mobile Slider 更改事件

我在一个简单的页面上有一个jquery移动slider。当我拖动slider时,文本框中的值会按预期更新。我看过但找不到这种逻辑发生的地方。我想要的是将值传递给javascript函数。如何将更改事件绑定(bind)到我的函数?干杯迈克。下面的代码-请忽略一些讨厌的黑客攻击:jQueryMobileDocs-Forms$('#slider-1').changed(function(){alert("Test");});.toolbar{-webkit-box-sizing:border-box;border-bottom:1pxsolid#000;padding:10px;height

javascript - Jquery Mobile Slider 更改事件

我在一个简单的页面上有一个jquery移动slider。当我拖动slider时,文本框中的值会按预期更新。我看过但找不到这种逻辑发生的地方。我想要的是将值传递给javascript函数。如何将更改事件绑定(bind)到我的函数?干杯迈克。下面的代码-请忽略一些讨厌的黑客攻击:jQueryMobileDocs-Forms$('#slider-1').changed(function(){alert("Test");});.toolbar{-webkit-box-sizing:border-box;border-bottom:1pxsolid#000;padding:10px;height

javascript - HTML slider 元​​素?

我正在编写一个应用程序(暂时向上here),我想让它的参数可以修改。我觉得最好的方法是使用标准的GUIslider元素(lathis,但不是那么丑)。我只是注意到DOM没有提供这些,但是......将slider引入网页的最佳方式是什么?是否有每个人都使用的标准库?我应该自己动手吗?或者我应该使用不同的元素吗?我应该以某种方式将它们嵌入Canvas元素中吗? 最佳答案 HTML5中有一个slider控件,它是用完成的。在此处检查浏览器支持:http://caniuse.com/input-range

javascript - HTML slider 元​​素?

我正在编写一个应用程序(暂时向上here),我想让它的参数可以修改。我觉得最好的方法是使用标准的GUIslider元素(lathis,但不是那么丑)。我只是注意到DOM没有提供这些,但是......将slider引入网页的最佳方式是什么?是否有每个人都使用的标准库?我应该自己动手吗?或者我应该使用不同的元素吗?我应该以某种方式将它们嵌入Canvas元素中吗? 最佳答案 HTML5中有一个slider控件,它是用完成的。在此处检查浏览器支持:http://caniuse.com/input-range

javascript - html 范围 slider - oninput 在 IE 11 中不起作用

我实现了一个范围slider,它使用值从数组中获取元素并显示它,而不是显示范围值。它适用于Chrome和Firefox,但不适用于IE11-当slider移动时,该值不会获得更新的元素。HTML:1908Javascript:varyears=[0,1908,1910,1912,1915,1920,1935,1949,1982,2005,2015];functionoutputUpdate(vol){document.querySelector('#volume').value=vol;}通过搜索,我发现这与“oninput”在IE中的工作(或不工作)方式有关。我尝试合并来自here的