
基于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>










暂无评论内容