HTML5画布拉链动画仿真脚本 - HTML5 Zipper

这是一个简单的HTML5画布拉链动画仿真脚本，完全可定制的。颜色,背景和纹理可以应用。它可以作为一个很酷的开场或者欢迎动画。调用方法和参数配置示例 var backcolor = 'blue'; var backImage = ''; var lineColor = '#333333'; // default var toothFill = '#d1d3d4'; // default var pullFill = '#FFFFFF'; // default var CursorFill = '#999999'; // default var endingsFill = '#FFFFFF'; // default var autoOpen = false; var autoOpenSpeed = 100; // from 1 to 1000 var noAnimation = false; var fadeOutAnimation = true; var moveOutAnimation = false; var fadeOutDelay = 1700; // milliseconds //var zipperHeight = 1000; $(function() { // INITIALIZATION ROUTINE if (backImage != '') { var backObj = new Image(); backObj.src = backImage; backObj.onload = function() { init(); fillPattern = ctx.createPattern(backObj, "repeat"); } } else { init(); } });

在线演示        积分下载        6毛下载        砍两刀下载