插件描述：jQuery自渲染键盘插件keyboard.js，超炫请保护好眼睛，只怪人太闲，天天写着玩
此为 jquery 键盘插件，使用很简单。（可能有些欠缺，需要大家宝贵意见，所以不用jq币了，大家多多留言意见啊）
1 | $('.keyboard').keyboard(opts); |
即可把一个盒子变成键盘
如上 opts为参数，json格式，可不填，具体参数值如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | width:p($obj.css('width')),//键盘宽度radius:4,//键盘四角的圆角度数padding:10,//键盘四周空白区域宽度segment:4,//键盘左中右之间分割线宽度FbuttonHeight:2,//第一排F区域按键与第二行之间的距离keyWidth:0,//按钮宽度keyHeight:0,//按钮高度keyRadius:4,//每个按钮四角的圆角度数keyFontSize:12,//按钮上字体大小keyPassColor:'#fff',//按钮按下时的字体颜色keyMargin:1,//每个按钮四周留空的距离keyBorderWidth:1,//每个按钮的边线宽度keyBorderColor:'#fff',//每个按钮的边线颜色keyColorShadow:5,//每个按钮的阴影扩散度keyDoubleFontSize:12,//两行字的按钮上字体大小keyDoubleSegment:4,//两行字的按钮上 上下两行间距lightRad:3,//指示灯半径lightBorderColor:'#cdcd00',//指示灯边线颜色lightBorderWidth:1,//指示灯边线宽度lightColor:'#ccc',//指示灯颜色lightColorShow:'#ff0',//指示灯灯光颜色keyColors:['rgb(0, 255, 100)','rgb(255, 225, 0)','rgb(255, 100, 0)','rgb(255, 0, 75)','rgb(150, 0, 255)','rgb(0, 150, 255)'],//按钮颜色keyColorsRun:true,//是否开启按钮颜色移动变化keyColorsRunTimes:1000,//按钮颜色移动变化频率(毫秒)boardColors:['rgb(0, 255, 100)','rgb(255, 225, 0)','rgb(255, 100, 0)','rgb(255, 0, 75)','rgb(150, 0, 255)','rgb(0, 150, 255)'],//键盘内阴影颜色boardColorsShow:true,//是否显示键盘背景内阴影boardColorsRun:true,//是否开启键盘背景内阴影播放，不开启默认显示第一个颜色boardColorsRunType:'random',//键盘内阴影播放方式'random' 随机播放 'order' 按顺序播放boardColorsInsetSize:200,//键盘内阴影大小boardColorsRunTimes:1500,//键盘内阴影播放频率(毫秒)keyAfterToRunTime:8000,//按键结束后多少秒自动开启默认播放动作audio:'',//按键声音路径keyREffect:true,//是否开启按键四射特效keyREffectTimes:3//按键特效速度，越小越快 |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 百度地图路书 （轨迹回放功能）
- 下一个特效： jQuery响应式网页音乐播放插件