jQuery自定义进度条插件

使用方法

1.引入必要文件

<script type="text/javascript" src="jquery.js"></script>

2.HTML上使用

<div class="box">
    <div class="ok"></div>
    <div class="tbox">
        <div class="tiao"></div>
    </div>
</div>

3.实例化(初始化)

 function add(i){
            var tbox =$(".tbox");
            var tiao =$(".tiao");
            tiao.css("width",i+"%").html(i+"%");

        }

    /*创建方法(i++循环起来)*/
    function xh(){
        if(i>100){
            $(".ok").html("加载完成").fadeIn("slow");
            return;
            }
        if(i<=100){
            setTimeout("xh()",100)
            add(i);
            i++;
            }
        }
    /*调用xh()函数*/
$(document).ready(function(){
        xh();
    });
更新时间 2020-04-22 18:58:40,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论