酷炫的文字遮罩插件-ANIMATED KNOCKOUT LETTERS

查看演示立即下载

插件描述：Animated Knockout Letters可以让我们像在PS中使用文字遮罩一样在网页中实现这样的效果，而且在初始化的时候还会有动画的效果，使用起来也比较简单。

不兼容ie浏览器

使用步骤

1、引入以下的js和css文件

<script src="jquery.min.js"></script>
<script src="jquery.lettering.js"></script>

2、在head标签中加入以下js代码

<script>
    // DOM Ready
    $(function() {
        $("#poster h1, #poster p").lettering();
        $("#poster p span").each(function() {
            $(this).css({
                top: -(Math.floor(Math.random() * 1001) + 1500),
                left: Math.floor(Math.random() * 1001) - 500,
            });
        });
        setTimeout(function() {
            $('html').addClass("step-one");
        },
        1000);
        setTimeout(function() {
            $('html').addClass("step-two");
        },
        3000);
    });
</script>

3、在body标签中加入以下格式的html代码

<div id="poster">
      
    <h1>
        jquery插件库
    </h1>

    <p>
        Coming 2011
    </p>
  
</div>    

3、有关的css样式也很重要，请参照网盘下载包中的源码，简洁易懂。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：强大的弹出框插件-FANCYBOX
下一个特效：绝对炫的3D幻灯片-SLICEBOX