注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-05-30
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>