官网首页顶部打字动画js特效代码

html

<div class="full-section search-section-listing">
    <div class="index-bg-video">
        <video src="/assets/addons/ask/img/{:rand(1,3)}.mp4" loop autoplay type="video/mp4" muted="muted"></video>
    </div>
    <div class="search-area container">
        <div class="inidex-title-box">
            <div class="decorate">
                <span class="lb-text" id="divRef"></span>
                <span class="decorate-id" id="idRef"></span>
                <span class="decorate-tag" id="labelRef"></span>
                <span class="lb-text" id="endDivRef"></span>
                <span class="lb-text anm-text" id="first_lb" style="display: inline-block;">_</span>
            </div>
        </div>
        <form autocomplete="off" action="{:addon_url('ask/search/index')}" method="get" class="index-search-form clearfix" id="search-form">
            <input type="text" placeholder="请输入你遇到的问题进行搜索" name="keyword" class="search-term" id="searchquestion" autocomplete="off">
            <button type="submit" class="search-btn">搜索问题</button>
        </form>
        <div class="inidex-title-box" style="height: 31px;">
            <div class="decorate">
                <span class="lb-text" id="endDivDom"></span>
                <span class="lb-text anm-text" id="last_lb" style="display: none;">_</span>
            </div>
        </div>
    </div>
</div>