欢迎来到源码码网
帮助中心

源码码网

热门搜索: 淘宝客    点赞系统    虚拟商城源码    小程序源码   
免费发布需求
免费发布商品

Html实现文字从左向右依次显示的两种方法

  • 时间:2021-08-16 11:12 编辑:admin 来源:源码码网 阅读:183
  • 扫一扫,手机访问
摘要:在日常的web开发中,很多时候网页需要实现一些看上去比较炫酷的效果,比如,在Html中实现文字从左向右依次显示的效果,下面贴两段代码,已测试可用。

在日常的web开发中,很多时候网页需要实现一些看上去比较炫酷的效果,比如,在Html中实现文字从左向右依次显示的效果,下面贴两段代码,已测试可用。


方法一:

<script>

var index=0;

var str=document.getElementById("jingyan-p").innerHTML;

function type(){

if(index==str.length){index=0;}

    if(index<str.length){

        document.getElementById("jingyan-p").innerText = str.substring(0,index++);

    }

}

setInterval(type, 100);

</script>




方法二:

<script>        

    var i=0;

    var str="2021,您需要一个适合做全网营销的网站";            

    window.onload=function typing(){

                //获取div

        var mydiv=document.getElementById("jingyan-span");

        mydiv.innerHTML+=str.charAt(i);

        i++;

        var id=setTimeout(typing,100);

        if(i==str.length){

            clearTimeout(id);

            }

        }

</script>


  • 全部评论(0)
上一篇:已是第一篇内容
下一篇:在济宁开发一个二手车系统要具备哪些功能
最新发布的资讯信息
【软件教程|软件开发】小圈app源码是如何部署的(2021-09-15 14:50)
【建站技巧|网站运营】最新开发织梦分页网站地图sitemap插件(2021-09-05 22:28)
【建站技巧|网站运营】织梦网站地图生成插件织梦生成网站地图sitemap(2021-09-05 21:18)
【建站技巧|网站运营】织梦网站手机端访问PC端页面跳转至对应的手机站页面(2021-09-03 17:03)
【建站技巧|网站运营】织梦网站在电脑端访问手机端页面自动跳转至对应的PC端(2021-09-03 16:29)
【行业资讯|】域名又涨价了!阿里云com和net后缀的域名又涨价了(2021-09-02 15:58)
【源码教程|】Html实现文字从左向右依次显示的两种方法(2021-08-16 11:12)
【源码教程|C语言教程】计算机编程语言有哪些?该如何有选择性的去学?(2021-07-19 21:38)
【源码教程|C语言教程】C语言开发学生信息管理系统演示及说明(文件版)(2021-07-19 18:19)
【源码教程|C语言教程】C语言开发贪吃蛇小游戏演示及说明(2021-07-19 18:13)
联系我们

QQ:2494243972、1105326722

投诉举报:1105326722@qq.com

广告合作:QQ 110532672

源码码网手机版二维码
联系客服
手机版
源码码网手机版二维码
扫一扫进手机版
返回顶部