-
纯CSS实现简单的轮播图及原理
假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片 假装是一张图片 如上示例,5张图片轮播,实现原理: 1、基本结构:ul宽度设置为500%,每个li宽度为20%,ul的left每次递减100%; 2、首先给ul指定一个动画,整个动画30秒,延迟3秒开始动……
-
平滑滚动到某个元素最简单的两种方式
HTML锚点平滑滚动 1、给html元素加上:style="scroll-behavior: smooth;" 2、锚点返回顶部 原生JS平滑滚动 document.querySelector('.header').scrollIntoView({ behavior:'smooth' })……
2021-09-05 17:33:10开发笔记 -
鼠标点击浮现随机文字
效果演示:进入文章页面后随意点击。 (function(texts, colors, class_name){ document.addEventListener('click', function(e){ var span = document.createElement('span');……
2021-09-05 16:10:35开发笔记