jQuery鼠标经过边框抖动变形动画特效

基于HTML5 canvas来制作，可以在鼠标移入和移出HTML元素时，为其边框制作波浪状的抖动效果的jQuery鼠标经过边框抖动变形动画特效。

js代码

<script src='js/jquery.wobblewindow.min.js'></script>
<script>
	$( document ).ready( function() {

		//------------------------------------------------------------------------

		//Settings - params for WobbleWindow
		var settings = {

			name: 'window_1',
			depth: 1,
			offsetX: 0,
			offsetY: 0,
			moveTypeIn: 'move',
			moveTypeOut: 'wobble',
			wobbleFactor: 0.9,
			wobbleSpeed: 0.1,
			moveSpeed: 3,
			lineWidth: 1,
			lineColor: '',
			bodyColor: '#FFF',
			numberOfXPoints: 7,
			numberOfYPoints: 5,
			movementLeft: true,
			movementRight: true,
			movementTop: true,
			movementBottom: true,
			debug: false

		};
		var wobbleWindow = new WobbleWindow( document.getElementById( 'window' ), settings );
	} );
</script>