一个梦想成为web前端开发人员的个人博客网站
当前位置: 前端学习 > JS/Jquery > jquery 文字打印机特效

jquery 文字打印机特效

2015-12-07 分类:JS/Jquery 作者:梦想霞 阅读(2834)

现在这个特效就是我网站上边的,文字打印机特效,我是用的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>

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

支付宝
微信
0

支付宝
微信

上一篇:

下一篇:

你可能感兴趣

博客简介

沉鱼落雁,闭月羞花,一个妖娆多姿梦想成为代码女神的前端个人网站分享自己程序人生,欢迎大家一起交流分享前端开发技术经验,更多web前端开发教程,可关注 - 唯品秀前端技术博客

精彩评论

服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线