基于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>
暂无评论内容