有了梦想,我们的心有了飞翔; 有了飞翔,我们的梦想不再遥远。。。。。。
开抢双十一红包

jquery 文字打印机特效

2015年12月7日 梦想霞 2060 次浏览

现在这个特效就是我网站上边的,文字打印机特效,我是用的jquery,代码比较简单,如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p>
    <span>有了梦想,我们的心有了飞翔;有了飞翔,我们的梦想不再遥远。。。。。。</span>
</p>
<script type="text/javascript">
    $(function(){
        var $text = $("p span").text();
        var i=0;
        var timer = null;
        timer = setInterval(function(){
            var str = $text.substr(0,i);
               
            $("p span").html(str + "_");
            i++;
            if( i > $text.length ){
                clearInterval(timer);  
                $("p span").html(str + "");
            }  
        },300);
    });
</script>
点击查看本文演示内容

标签:

上一篇: wordpress主题制作的高级技巧汇总

下一篇: css3 loading效果



热门文章

随机文章

站点统计

  • 文章:46 篇
  • 分类:10 个
  • 标签:99 个
  • 运行:990天
  • 更新:2018年2月7日
  • RSS Feed