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

jQuery鼠标经过边框抖动变形动画特效-精品资源网
jQuery鼠标经过边框抖动变形动画特效
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容