简介 目录 评价 推荐
  • qq_小太阳_68 2020-08-06

    有点听不懂听不懂

    0赞 · 0采集
  • hootly 2019-07-07
    网页加载
    截图
    0赞 · 0采集
  • fanlavyu_ 2019-01-26

    相同效果的显示<div>标签放变量里,然后获取到body

    截图
    0赞 · 0采集
  • fanlavyu_ 2019-01-26

    定时,3秒后显示图片

    截图
    0赞 · 0采集
  • 慕容9551396 2018-12-20

    $(".loading").fadeout():渐隐

    0赞 · 0采集
  • 一枫红叶QIU 2018-06-19
    1. 用定时器(延迟3秒钟)解决页面加载缓慢的问题,第一次打开页面可以,但是第二次打开的话还是会执行这个定时器没有展现出实时加载的进度,并没有使用缓存这是不行的;

    2. preloaders.net->图标网站

    0赞 · 0采集
  • 慕粉lm 2018-04-19

    preloaders.net

    0赞 · 0采集
  • 漂浮的云_0003 2018-03-09
    定宽高元素水平垂直居中显示,top bottom left right:0 margin:auto
    截图
    0赞 · 1采集
  • 漂浮的云_0003 2018-03-09
    preloaders.net
    截图
    0赞 · 0采集
  • 慕粉2241158063 2018-02-26
    preloader.net 免费生成gif图片
    截图
    0赞 · 2采集
  • 葫芦胡 2018-02-11
    用js把div结构写进body 变量里面可以是HTML内容 通过控制计时器来实现图标消失 表面的进度 不是真正的
    截图
    0赞 · 1采集
  • 葫芦胡 2018-02-11
    居中:position:absolute;left:0;top:0,bottom:0;right:0;margin:auto; 把下载的gif进度作为遮罩里一个小板块的背景 $(document).ready 里的代码是在页面内容都加载完才执行的,你直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错, 当然如果你把script标签当到页面最后面那么就没问题了和ready差不多的效果 $(document).ready(function(){})可以简写成$(function(){}); 这个函数取代window.onload
    0赞 · 1采集
  • 开开心心就好 2018-02-05
    前端进度条图标网址: Https://preloaders.net/en/free
    截图
    0赞 · 0采集
  • 开开心心就好 2018-02-05
    前端进度条图标网址: Https://preloaders.net/en/free
    截图
    0赞 · 1采集
  • jaymo 2018-01-14
    loading生成图网站:preloaders.net
    0赞 · 1采集
  • jaymo 2018-01-14
    生成loading图
    0赞 · 0采集
  • Alone_曦 2018-01-10
    居中:position:absolute;left:0;top:0,bottom:0;right:0;margin:auto;
    1赞 · 2采集
  • Alone_曦 2018-01-10
    gif下载地址: http://preloaders.net
    1赞 · 0采集
  • 小壮小壮 2017-12-01
    页面中已知宽高元素的水平垂直居中: <style> #mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .96); z-index: 100; } #loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 64px; height: 64px; background: url('img/35.gif') no-repeat 0 0; } </style> HTML: <div id="mask"><div id="loading"></div></div> 定时器: setTimeout(function[, delay, param1, param2, ...]) 应该使用 setTimeout()。 chrome f12控制台的network里的disable cache可以设置成不加载缓存,再把网络条件设置成GPRS的,这样就可以模拟一个慢的加载速度
    0赞 · 0采集
  • qq_你瘦该你拽_0 2017-11-21
    动图图标
    截图
    0赞 · 0采集
  • 奋斗好青年 2017-10-16
    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0;} body{ overflow: hidden;} .loading { width: 100%; height: 100%; position: fixed; background: #fff; left: 0; right: 0; z-index: 100; } .loading .pic{ position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:282px; height:282px;background: url("images/loading.gif");} </style> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var loading = '<div class="loading"><div class="pic"></div></div>'; $("body").prepend(loading); setInterval(function(){ $(".loading").fadeOut(); },3000) }) </script> </head> <body> <img src="http://img03.dengimg.com/Gallery/AutoLink/img_174179.jpg"> </body> </html>
    截图
    1赞 · 0采集
  • qq_简单点_14 2017-10-04
    https://preloaders.net/
    0赞 · 0采集
  • 大舒子 2017-09-28
    居中显示:top:0;left:0;bottom:0;right:0;margin:auto
    0赞 · 0采集
  • 慕粉蘑菇 2017-09-24
    apend js添加元素
    0赞 · 0采集
  • 慕粉蘑菇 2017-09-24
    setInterval
    0赞 · 0采集
  • qz不忘初心 2017-09-09
    position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; 绝对定位居中
    0赞 · 0采集
  • 慕少7670412 2017-08-31
    垂直居中 loading、pic
    截图
    0赞 · 0采集
  • 前端薇薇 2017-08-22
    父元素{//类似遮罩层的设置,把页面的内容先遮住,然后在所有元素的上方放置加载动画 width:100%; height:100%; position:fixed; top:0; left:0; z-index:100;//定位在所有元素之上 } 子元素(动画元素){//让动画元素在页面的正中央显示 width: height: background:动画的图片 position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
    0赞 · 1采集
  • orangewangjie3473319 2017-08-21
    div也可以写在js中
    截图
    0赞 · 0采集
  • orangewangjie3473319 2017-08-21
    js代码
    截图
    0赞 · 0采集
数据加载中...
开始学习 免费