当前位置:首页 > 日记 > 正文

jquery实现的数值范围range2dslider选择插件特效的多个代码共享

jquery实现的数值范围range2dslider选择插件特效的多个代码共享
本文阐述了jQuery实现的价值范围range2dslider,选择插件特效。分享给你供你参考。以下是如下:

这是一个简单的jQuery插件,使用插件实现鼠标可以滑动(拖动)来控制取值范围的特定代码选择。

兼营:-------------------效果图查看结果-------------------下载源代码
提示:如果不能在浏览器中正常运行,可以尝试切换浏览模式。

为您共享的jQuery实现的数值范围选择特殊效果代码,如下所示
jQuery插件range2dslider数值范围选择

主体,HTML {
保证金:0px;
填料:0px;
}
UL {
保证金:0px 0px;
填料:10px 25px;
}
主体> { {
保证金:0px 20px;
填料:20px;
背景:RGBA(184, 184, 184,0.1);
}

简单的二维滑动
不检测功能(味精、URL、行号){
警惕错误信息:(+味精+ URL:+线数:+行号);
返回true;
}
$(#滑块)。range2dslider({
网格:真的,
轴:{ { 1,2,5,7,10 },{ } }、10,
预测:真实,
showlegend:{ 1,1 },
allowaxismove:{ 'both},
打印标签:功能(Val){
这个projectionsthis。预测{ 0 }。找到('。xdsoft_projection_value_x)。文本(Val { 1 }。固定(5));
返回val { 0 }固定(5);
}
})
。range2dslider(币值,{ {0,1},{ } { } } 3,6);

$(#标尺)
range2dslider();

水平滑块
$(# 1)。range2dslider({
模板:水平,
价值:{ { 0 } } },{ 7,
onlygridpoint:真,
圆:真的,
轴:{ { - 3、- 2、- 1,0,1,2,3,4,5,6,7,8,9,10 } }
});

垂直滑块
$('。slider2)。range2dslider({
模板:'vertical,
价值:{ { 0 } },
showranges:{ {0,1} },
风格:浮点:左;margin-left: 25px;,
轴:{ {0,1},{ 0 } },
圆:真的,
打印标签:功能(Val){
返回val { 1 } + 'yo;
}
});

平滑滑块(x)
var值{ };
var范围{ };
var城市= {
阿布贾,
阿克拉,
皮特,
阿,
阿尔及尔,
阿洛菲,
安曼,
阿姆斯特丹,
安道尔,
安卡拉,
安塔那那利佛,
阿皮亚,
阿什哈巴德,
阿斯马拉' ',
阿斯塔纳,
亚松森,
雅典,
阿瓦,
巴格达,
巴库,
巴马科,
班达尔,
曼谷,
班吉,
班珠尔,
' '巴斯特尔,
北京,
贝鲁特,
贝尔格莱德,
贝尔莫潘
};
对于(var i = 10,k = 0;i < 10;i + +,K + +){
Values.push({我,Math.sin(我)、城市{我+ 10 } });
如果(i < 10)
Ranges.push({ k,k + 1 });
}
$('。slider3)。range2dslider({
X:左,
Y:' ',
showlegend:{ 0 },
showranges:范围,
轴:{ { - } { - 10,1.5,1.5 } },
allowaxismove Y:{ },
打印标签:功能(Val){
返回val { 1 }。固定(2)++瓦尔{ 2 };
}
})。range2dslider(价值、价值观);

定制式滑块
。xdsoft_custom。xdsoft_range2dslider_runner {
边界半径:1px;
保证金:0px 0px - 4px - 8px!重要;
背景:RGBA(00127,0.5);
边境:1px开始# DDD;
}
。xdsoft_custom。xdsoft_range2dslider_box {
最小高度:8px;
背景:RGBA(127127127,0.5);
边界半径:1px;
边框样式:实心;
}
。xdsoft_custom。xdsoft_slider_label {
背景:红色;
颜色:# FFF;
底部:22px!重要;
}
。xdsoft_custom。xdsoft_slider_label。xdsoft_slider_label_top:后{
边框颜色:红色;
}
$(# slider4)。range2dslider({
网格:false,
身高:0,
类名:'xdsoft_custom,
showlegend:{ 0 },
轴:{ { 0,0.1 } },
提示:{ } ' ',
AlwShowTooltip:{事实},
allowaxismove:{ x },
打印标签:功能(Val){
返回val { 0 }固定(3);
}
})。range2dslider(币值,{ { 0.05,0 } });

应用:360,火狐,Chrome浏览器,Safari,Opera,搜狗,傲游,世界之窗。和浏览器不支持IE8。

以上是共享jQuery实现的数值范围的具体代码选择,希望大家能喜欢它。

相关文章

如何一次删除所有在Word2007文档注

如何一次删除所有在Word2007文档注

文档注释,常见问题,删除,电脑软件,阅读软件Word2007文档时,我们可以插入大量的笔记,为了更好地理解这篇文章。但经过一段时间后,该文件已集成。它会觉得最初的注释非常冗余,而且文档页面也很凌乱。因此,我们需要删除所有注释。因此问题出现了:由…

如何解决QQ聊天qq技巧

如何解决QQ聊天qq技巧

聊天,如何解决,技巧,电脑软件,QQ,QQ是一款功能强大的聊天软件,对于有些不懂使用技巧和方法的人来说,小编为你一一介绍。 QQ空间被禁止,是一件很麻烦的事情,没有消息,没有回复别人的留言都收到了包含,让你的心情很不好,事实上,呕吐的原因很简单,是不…

制作渐变轮廓的CDR教程

制作渐变轮廓的CDR教程

轮廓,教程,渐变,电脑软件,CDR,本教程主要是介绍给CDR的朋友做梯度型等高线图的方法,教程比较基础,很适合初学者学习,看看吧。 CorelDRAW软件 轮廓(交互轮廓) 画一个图形,一个符号,等等。 等高线图(交互式等高线)是非常有用和实用的工具。 现在简…

晚颜色:PS完美恢复照片颜色教程

晚颜色:PS完美恢复照片颜色教程

照片,教程,恢复,颜色,完美,本教程是给PS带来完美色彩的图片辅导给朋友们,这是以后关于颜色的文章,教程真的很好,值得学习,推荐喜欢,朋友可以跟着教程学习。 对于摄影爱好者来说,图片不是真彩色是很难的事情,今天这个教程教PS照片处理学习者使用ps…

WPS文本提高文本排版速度教程WPS文

WPS文本提高文本排版速度教程WPS文

文本,教程,速度,电脑软件,WPS,这是WPS文本提高文字排版速度的教程,是专门为大家安排的一个小编辑器,希望能对大家有所帮助! 1。熟练使用几种常用快捷方式 原发性: 新文件 打开文件 Ctrl + W关闭文件 { F12 }键:保存文件 Ctrl + B字体增厚 Ctrl +…

ai创造一个清凉可口的西瓜字母效果

ai创造一个清凉可口的西瓜字母效果

创造一个,可口,西瓜,清凉,字母,本教程是介绍一位朋友给ai创建一个又酷又好吃的西瓜字母效果法。制作的教程非常漂亮,难度也不是很大。建议像你这样的朋友一起学习这个教程。 本教程教AI学习者利用AI清凉可口的西瓜的文字效果,很好的文字效果…

PS魔术棒工具的使用方法

PS魔术棒工具的使用方法

工具,使用方法,魔术,电脑软件,PS,本教程是向朋友介绍PS魔术棒工具的使用。这个教程真的很好。非常适合初学者学习。推荐朋友一起学习。 您好,线轴,今天我们将学习魔术棒工具在PS,聊天少在顶部的图片。 工具/材料 魔术棒工具 PS软件 方法/步…

PPT如何制作杂志封面人物PPT制作课

PPT如何制作杂志封面人物PPT制作课

封面,课程,人物,杂志,电脑软件,给你一个不同的收获。时尚杂志相信每个人都是一个接触者,所以你要把杂志封面做得第一眼就想你自己或者你的女孩作为杂志封面不要认为这是一件非常困难的事情,只要你现在打开PPT,然后用小的步骤获得,你就可以轻松…

Word常见问题如何快速替换半角引号

Word常见问题如何快速替换半角引号

半角,常见问题,替换,引号,快速,常用的办公软件的用户可能会发现在Word文档中使用时间多引用不规范,有时,有时到全角半角,用命令;置换;也可以替代左或右统一的引号,有时甚至整个文档变成了原来的一半的报价,不统一。如果我们手动修改一个接一个,工作…

ps打开显示由于程序错误的解决,请求

ps打开显示由于程序错误的解决,请求

显示,请求,程序错误,电脑软件,ps,我们使用PS图象处理软件打开图片,有时会有没有完成的请求,因为程序错误的对话框,让我们无法打开该图片。接下来,小编将为您解决了,没有的朋友可以参考这篇文章。 最近,出现了使用PS图象处理软件CS5文本工具时;无法…

一个拥抱和一个快乐的个性象征着快

一个拥抱和一个快乐的个性象征着快

个性,快乐,象征,电脑软件,幸福永远,永远,还有多久。没人能告诉你。对有些人来说,拥抱也是一种祝福。一个拥抱的幸福签名是值得的。 伤心的骨头在不知不觉中满是玫瑰。 希望是火,失望是烟,生命总是在火的一边,而抽烟。 在我的眼里,我不知道这是否叫…

PS图象处理软件是一个非常完美的流

PS图象处理软件是一个非常完美的流

流行,是一个非常,图象,处理软件,海报,观察是非常重要的!如果你不仔细观察,怎么做好作品,其实很多时候别人的作品看起来都很好,很有层次感,所以我们在做的时候一定要注意细节。 观察是非常重要的!如果你不仔细观察,怎么做好作品,其实很多时候别人的…