jQuery日食音量调节器

开发工具与关键技术：Visual Studio 、jQuery

作者：林顺扬

撰写时间：2019年1月20日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面是JQuery日食音量调节器的编码，首先需要引用一个插件就是jQuery.js。

视图：

下面是CSS部分（主要用到的是box-shadow四周阴影来设计太阳）：

接下来是JS部分（主要是通过拖动来调节音量和变化效果）：

效果如下图：