首页 > 其他分享 >16、博客列表加载效果 - 博客界面改造文章(202307)

16、博客列表加载效果 - 博客界面改造文章(202307)

时间:2023-07-30 17:23:26浏览次数:46  
标签:动画 函数 效果 16 202307 博客 列表 加载

  最近闲来无事,就想着把博客界面弄得再有点动画效果,于是就找了延迟函数,把博客的内容列表加载的动画写出来了。

       该动画效果还是挺炫的,但是因为刷新页面,下面列表的显示需要拉动到底下才看到,所以这里只能记录一下了。

       下面是实现的函数:

      

     

       JS文件在这里,需要的读者自己下载查看:

       https://files.cnblogs.com/files/lzhdim/LoadAnimation.js

 

       延迟函数的使用效果,这里已经写得挺明白的了。

       以前的那个控制栏里用的定时器,这里直接用延迟函数,那个代码等哪天再进行重构了。

 

标签:动画,函数,效果,16,202307,博客,列表,加载
From: https://www.cnblogs.com/lzhdim/p/17591722.html

相关文章

  • 每日总结(补档7月16日)
    今天发生了些不太愉快的事情,我也不知道那个导游是何居心,居然煽动团里哪些没交钱的游客来攻击我们这些交了钱去深度游的游客,说什么本来可以都去因为你们这些人去不了了。哇,我就没见过这么无语的人,我跟的是一个老年旅行团,本来就是希望慢一点,他给我整这一出,这我能忍?直接在旅行社投诉......
  • 正点原子Ubuntu入门016---shell脚本条件判断、函数和循环
    一、shell脚本的条件判断虽然可以通过&&和||来实现简单的条件判断,但是稍微复杂的就不行了shell脚本呢提供了if  then 条件判断语句,写法:if条件判断;then//判断条件成立要做的事情fi   ifthenelse语法 if条件判断;then//判断条件成立要做的事情e......
  • 成语积累 20230730
    刚毅木讷:刚:坚强;毅:果决;木:质朴;讷:说话迟钝,此处指言语谨慎。是孔子称颂人的四种品质。例句:被徐志摩赞为“刚毅木讷,强力努行”的他,曾是哈佛大学第一位来自中国的哲学博士。木雁之间:木雁:比喻有才和无才。指有才和无才之间。比喻才能或学问处于中间水平,能保全自己,远避祸患。(君子藏器于......
  • 2023.7.24-2023.7.30暑假第三周博客
    2023.7.25今日学习了NameNode元数据Hadoop是如何记录和整理文件和block块的关系呢?NameNode基于一批edits和一个fsimage文件的配合完成整个文件系统的管理和维护edits是一个流水账文件,记录了hdfs中的每一次操作,以及本次操作影响的文件及其对应的block会存在多个edits文件确保......
  • 使用Cloud Studio&Flutter完成全平台博客网站的搭建
    前言本文我将使用CloudStudio以及Flutter完成自己的一个博客平台的搭建。并且会将该项目作为模版,供大家使用。先来看一下效果一.CloudStudioCloudStudio是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用CloudStudio时无需安装,随时随地......
  • Java面试题 P16:Redis篇:Redis使用场景-缓存-缓存穿透
    缓存涉及问题:1、缓存三兄弟:穿透击穿雪崩2、双写一致3、持久化4、数据过期策略5、数据淘汰策略如果发生了缓存穿透,击穿,雪崩,该如何解决?1、缓存穿透什么是缓存穿透,当查询一个不存在的数据,查redis中没有,mysql查询也没有,数据也不会直接写入到redis,就导致每次都要请求数据库,......
  • 16-Yarn(3)
    1.YARN应用开发流程YARN作为通用的资源管理和任务调度平台。理论上,任何类型的程序只要符合规范就可以申请在YARN上运行。默认YARN实现了MapReduce程序的运行支持。所谓的YARN应用开发指的就是如何让自己的程序也可以根据规范在YARN申请资源运行。通过学习YARN应......
  • luogu P4069 [SDOI2016] 游戏 题解【李超树+树剖】
    目录题目描述解题思路code题目描述P4069[SDOI2016]游戏一棵树,树上有\(n\)个节点,最初每个节点上有\(1\)个数字:\(123456789123456789\)。有两种操作:\(\centerdot\)选择\(s,t\)两个节点,将路径上的每一个点都变多(\(1\)个变\(2\)个)数字:\(a\timesdis+b\),其中\(dis\)表示该节点......
  • 20230729 猜数字(摸鱼的产物)
    #include<iostream>#include<random>#include<Windows.h>intdigit=4;intmain(){//随机数std::default_random_engineseed;std::uniform_int_distribution<int>random(0,9);//0-9闭区间的随机数seed.seed(time(nullptr));......
  • 20230729
    复赛混合背包这道题用到了01背包、多重背包和完全背包,是一道背包问题的模板题。核心代码就是三个背包的写法01背包:for(intj=v;j>=w;j--){//每个物品只有拿或不拿两种状态,且只受到上一层(上一个物品)的前面价值的影响,而不受到这一层前面和后面的影响,所以从后向前遍历......