jquery.knob实现拖动圈圈改变值输入效果代码-html代码-BFW代码库

jquery.knob实现拖动圈圈改变值输入效果代码

代码语言：html

代码描述：jquery.knob实现拖动圈圈改变值输入效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
    <head>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.knob.js"></script>
        <script>
            $(function() {
                $(".knob").knob({
					max: 940,
					min: 500,
					thickness: .3,
					fgColor: '#2B99E6',
					bgColor: '#303030',
					'release':function(e){
						$('#img').animate({width:e});
					}
                });
				
				$(".knob2").knob({
					'release':function(e){
						$('#img').animate({width:e});
					}
				});
            });
        </script>
		<style>
			body{
				background: #202020;
				padding: 100px 0;
			}
			header{
				margin: 0 auto;
				width: 960px;
				color: #808080;
				font-weight: bold;
				font-family: Arial;
			}
			
			header h1{
				font-size: 44px;
			}
			
			#container{
				margin: 0 auto;
				padding:0;
				width: 960px;
				border: 10px solid #303030;
				border-radius: 5px 5px 5px 5px;
				background: #000;
				box-shadow: 0px 0px 30px.........完整代码请登录后点击上方下载按钮下载查看