注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-09-11
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>