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

现在这个特效就是我网站上边的,文字打印机特效,我是用的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) 打赏
这世间总有人在过着我一直向往已久的生活

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

博客简介

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

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

站点统计

  • 文章总数: 47 篇
  • 草稿数目: 7 篇
  • 分类数目: 16 个
  • 独立页面: 5 个
  • 评论总数: 505 条
  • 链接总数: 7 个
  • 标签总数: 287 个
  • 注册用户: 2 人
  • 访问总量: 8,732,711 次
  • 最近更新: 2020年11月2日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线