jQuery Knob
=============
- canvas based ; no png or jpg sprites.
- touch, mouse and mousewheel, keyboard events implemented.
- downward compatible ; overloads an input element.
Example
-------
<input type="text" value="75" class="dial">
<script>
$(function() {
$(".dial").knob();
});
</script>
Options
-------
Options are provided as attributes 'data-option':
<input type="text" class="dial" data-min="-50" data-max="50">
... or in the "knob()" call :
$(".dial").knob({
'min':-50
,'max':50
});
The following options are supported :
Behaviors :
* min : min value | default=0.
* max : max value | default=100.
* step : step size | default=1.
* angleOffset : starting angle in degrees | default=0.
* angleArc : arc size in degrees | default=360.
* stopper : stop at min & max on keydown/mousewheel | default=true.
* readOnly : disable input and events | default=false.
UI :
* cursor : display mode "cursor", cursor size could be changed passing a numeric value to the option, default width is used when passing boolean value "true" | default=gauge.
* thickness : gauge thickness.
* lineCap : gauge stroke endings. | default=butt, round=rounded line endings
* width : dial width.
* displayInput : default=true | false=hide input.
* displayPrevious : default=false | true=displays the previous value with transparency.
* fgColor : foreground color.
* inputColor : input value (number) color.
* font : font family.
* fontWeight : font weight.
* bgColor : background color.
Hooks
-------
<script>
$(".dial").knob({
'release' : function (v) { /*make something*/ }
});
</script>
* 'release' : executed on release
Parameters :
+ value : int, current value
* 'change' : executed at each change of the value
Parameters :
+ value : int, current value
* 'draw' : when drawing the canvas
Context :
- this.g : canvas context 2D (see Canvas documentation)
- this.$ : jQuery wrapped element
- this.o : options
- this.i : input
- ... console.log(this);
* 'cancel' : triggered on [esc] keydown
* 'error' : called if the browser doesn't support canvases and the plugin didn't initialize as a result
The scope (this) of each hook function is the current Knob instance (refer to the demo code).
Example
-------
<input type="text" value="75" class="dial">
<script>
$(".dial").knob({
'change' : function (v) { console.log(v); }
});
</script>
Dynamically configure
-------
<script>
$('.dial')
.trigger(
'configure',
{
"min":10,
"max":40,
"fgColor":"#FF0000",
"skin":"tron",
"cursor":true
}
);
</script>
Set the value
-------
<script>
$('.dial')
.val(27)
.trigger('change');
</script>
Supported browser
-------
Tested on Chrome, Safari, Firefox, IE 9.0.
MIT License
-------
Copyright (C) 2013 Anthony Terrien
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
没有合适的资源?快使用搜索试试~ 我知道了~
一次课程设计(动态网页).zip
共325个文件
jpg:42个
html:34个
png:33个
需积分: 1 0 下载量 64 浏览量
2024-08-10
11:00:37
上传
评论
收藏 4.51MB ZIP 举报
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足,有任何使用问题欢迎随时与我联系,我会及时为你解惑,提供帮助 【资源内容】:项目具体内容可查看下方的资源详情,包含完整源码+工程文件+说明(若有)等 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【本人专注计算机领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为你提供帮助,CSDN博客端可私信,为你解惑,欢迎交流 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可以基于此项目进行扩展来开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时问的酬劳
资源推荐
资源详情
资源评论
收起资源包目录
一次课程设计(动态网页).zip (325个子文件)
InEmp.class 4KB
Do_Move.class 3KB
Do_Rework.class 3KB
Load_In$temp.class 3KB
Pre_update_Action.class 3KB
Data_con.class 3KB
Load_Action.class 3KB
Edit_Sal.class 2KB
Update_Dept.class 2KB
Staff.class 2KB
Load_ReWork_Action$temp.class 2KB
Load_Moved$temp.class 2KB
Load_Rework.class 2KB
Load_Move.class 2KB
Load_Dept.class 2KB
Load_In.class 2KB
Load_Moved.class 2KB
Load_ReWork_Action.class 2KB
Add_Dept_Action.class 2KB
Pre_OutEmp.class 2KB
pre_Add_Dept.class 2KB
Out_Emp.class 2KB
Load_Out.class 2KB
Load_SalGrade.class 2KB
Login_Action.class 2KB
do_update.class 2KB
pre_update_Dept.class 2KB
Pre_InEmp.class 2KB
dept.class 1KB
Load_SalGrade$temp.class 1KB
Load_Out$temp.class 1KB
Edit_Sal$temp.class 1KB
Delete_Dept_Action.class 1KB
.classpath 727B
fancyzoom.coffee 3KB
org.eclipse.wst.common.component 441B
org.eclipse.wst.jsdt.ui.superType.container 49B
bootstrap.css 118KB
bootstrap.min.css 98KB
jquery-ui.min.css 26KB
font-awesome.css 25KB
theme.css 21KB
font-awesome.min.css 20KB
bootstrap-theme.css 15KB
bootstrap-theme.min.css 13KB
premium.css 11KB
fullcalendar.css 11KB
isotope.css 1KB
fullcalendar.print.css 668B
elements.css 417B
fancyzoom.css 317B
layout.css 91B
.DS_Store 6KB
.DS_Store 6KB
fontawesome-webfont.eot 71KB
glyphicons-halflings-regular.eot 20KB
loading5.gif 11KB
loading6.gif 9KB
loading9.gif 4KB
loading8.gif 3KB
loading7.gif 2KB
loading10.gif 2KB
loading2.gif 2KB
animated-overlay.gif 2KB
loading4.gif 2KB
arrow-down.gif 916B
arrow-up.gif 916B
arrow-right.gif 897B
arrow-left.gif 891B
loading3.gif 847B
loading1.gif 673B
170x170.gif 595B
140x140.gif 490B
pie.html 40KB
multiple-axes.html 25KB
time.html 17KB
index.html 13KB
percentiles.html 7KB
visitors.html 5KB
selection.html 5KB
turning-series.html 5KB
ajax.html 5KB
navigate.html 4KB
interacting-axes.html 4KB
external-dragging.html 4KB
zooming.html 3KB
tracking.html 3KB
interacting.html 3KB
annotating.html 3KB
realtime.html 3KB
stacking.html 3KB
index.html 2KB
selectable.html 2KB
resize.html 2KB
graph-types.html 2KB
setting-options.html 2KB
theme.html 2KB
thresholding.html 2KB
agenda-views.html 2KB
basic-views.html 2KB
共 325 条
- 1
- 2
- 3
- 4
资源评论
专家大圣
- 粉丝: 1602
- 资源: 6298
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 一些杂七杂八零零碎碎的东西
- MDK软件Keil 5.21a版本
- 数据结构学习笔记-数据结构“”pdf
- 24WDC-DC矿用本质安全型电源的设计本安电源开关电源 基于反激变换器的矿用本质安全性电源,输出端设有两级保护,符合最小燃点要
- ACM比赛经验分享.doc
- 配电网可靠性评估程序 matlab代码,可以直接运行 ,注释清晰 包含三部分: 1.IEEE RTBS系统参数 IEEE RBT
- 可以在 DOSBox 上运行的贪吃蛇游戏 所有代码都是用 MASM 8086 汇编语言编写的
- 基于stm32的频率计设计
- Ruby语言介绍.doc
- 基于粒子群算法的电力系统最优潮流 以IEEE30节点的六机为对象,建立考虑功率平衡、机组爬坡约束、出力限制约束的电力系统经济调
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功