<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery+CSS3实现的旋钮开关效果 - 脚本之家-www.jb51.net</title>
<meta name="Copyright" content="脚本之家 http://www.jb51.net/" />
<meta name="description" content="jQuery+CSS3实现的旋钮开关效果,JavaScript分享网" />
<meta content="jQuery+CSS3实现的旋钮开关效果，JavaScript,分享,JavaScript代码" name="keywords" />
<!-- CSS stylesheets -->
<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="stylesheet" href="assets/knobKnob/knobKnob.css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="countdown"></div>
<p id="note"></p>
<section id="main">
<div id="bars">
<div id="control"></div>
</div>
</section>
<footer>
<h2><i>Tutorial:</i> Shiny Switches with CSS3 & jQuery</h2>
<a class="tzine" href="http://www.jb51.net">Head on to <i>Share<b>js</b></i> to download this example</a>
</footer>
<!-- JavaScript includes -->
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="assets/knobKnob/transform.js"></script>
<script src="assets/knobKnob/knobKnob.jquery.js"></script>
<script src="assets/js/script.js"></script>
<div style="clear:both"></div>
<br><br>
<div style="text-align:center;width:100%">
<br><br>
获取更多JavaScript代码，请登录脚本之家 <a href="http://www.jb51.net">http://www.jb51.net</a>
<br>
转载请注明出处，本代码仅供学习交流，不可用于任何商业用途！
</div>
</body>
</html>
jQuery+CSS3实现的旋钮开关效果(类似音量调节).zip
版权申诉
75 浏览量
2022-11-06
23:43:54
上传
评论
收藏 28KB ZIP 举报
jQuery+CSS3实现的旋钮开关效果(类似音量调节).zip （8个子文件） 
132692131287714133 assets css 
styles.css 2KB img 
bg.jpg 2KB knobKnob knobKnob.css 834B knobKnob.jquery.js 3KB
knob.png 16KB transform.js 13KB js script.js 1KB
index.html 2KB资源评论
