插件描述：shine.js可改变一个实例的影子，根据鼠标的位置而变化。
使用方法
为您的dom元素创建一个Shine.js实例会
1 | var shine = new Shine(document.getElementById('my-shine-object')); |
改变光源的位置，并确保重绘：
1 2 3 | shine.light.position.x = window.innerWidth * 0.5;shine.light.position.y = window.innerHeight * 0.5;shine.draw(); // 一定要重新绘制 |
组态
每个闪耀实例都有一个属性指向的实例shinejs.Config。一个可配置多个之间闪耀实例共享。
当一个配置值的变化，shine.draw()需要被调用来重新绘制使用新的设置。
改变一个闪耀实例的影子：
1 2 3 | shine.config.opacity = 0.1;shine.config.blur = 0.2;shine.draw(); //一定要重新绘制 |
创建一个共享shinejs.Config实例：
1 2 3 4 5 6 | //所有的参数都是可选的，可以在以后改变var config = new shinejs.Config({ numSteps: 4, opacity: 0.2, shadowRGB: new shinejs.Color(255, 0, 0)}); |
//传入的配置constructor
1 2 | var shineA = new Shine(document.getElementById('my-shine-object-a'), config);var shineB = new Shine(document.getElementById('my-shine-object-b'), config); |
//或者将其分配给一个实例
1 2 3 | var shineC = new Shine(document.getElementById('my-shine-object-c'));shineC.config = config;shineC.draw(); //一定要重新绘制 |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery清除插件Add-Clear
- 下一个特效： jQuery滚动显示插件scrollappear