```HTML ? ? ``` ```CSS .focus {position: relative;float: left;width: 722px;height: 457px;overflow: hidden;} .focus .arrow-l, .focus .arrow-r {position... ...
分类：
其他好文 时间：
2020-04-02 01:32:11
阅读次数：
75
正方体4个面广告滚动： 纵向4个面为广告图片，通过动画自动旋转播放显示如图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; paddi ...
分类：
Web程序 时间：
2020-03-31 22:53:30
阅读次数：
96
前言： 本人纯小白一个，有很多地方理解的没有各位大牛那么透彻，如有错误，请各位大牛指出斧正！小弟感激不尽。 本篇文章为您分析一下原生JS写淘宝无缝轮播图效果 需求分析: HTML需求 1. 首先要有一个可视区域（banner） 2. 在可视区域（banner）下有一个存放图片的区域（imgs） 3. ...
分类：
Web程序 时间：
2020-03-31 14:07:01
阅读次数：
71
很久前接触过html css js 但自己在工作中用的少，简单的需求直接vue 走起，没有静下心好好写点js css 什么的，现在想要好好学习下 大前端的知识了，第一个小练习，做了个轮播图 网上有很多轮播图的实现过程,每个人都有自己不一样的思路，自己只要实现了就行。当然有些思路确实比我的要好，后续借 ...
分类：
Web程序 时间：
2020-03-28 01:15:55
阅读次数：
134
轮播图插件的任务已经接近尾声，在书写轮播图期间确实有一些小的感触的。感兴趣的可以访问我的轮播图的线上地址:轮播图 首先，轮播图插件其实并不是我第一次写，之前也写过，不过那时候是按照别人的思路写下来的，算起来大概有一年了，这次又一次开始轮播图是因为拜读了《单页面Web应用 JavaScript从前端到 ...
分类：
Web程序 时间：
2020-03-25 19:22:04
阅读次数：
74
BOM的介绍 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。 ...
分类：
编程语言 时间：
2020-03-22 22:36:12
阅读次数：
98
在我们开始用原声JS写移动端轮播前，我们先了解一些移动端的基础。 touch事件、touchEvents对象、滑屏的思想与实现 移动端touch事件 touchstart touchmove touchend let box = document.querySelector("#box"); /* ...
分类：
移动开发 时间：
2020-03-21 00:04:28
阅读次数：
82
由于项目中需要使用到类似轮播图这样的东西，百度之后发现并没有效果不错的案例，于是仿照QQ音乐的轮播图写了一个 效果如下 和QQ音乐的基本没什么差别 这里记录一下需要用到的模块QParallelAnimationGroup、QPropertyAnimation、QGraphicsOpacityEffe ...
分类：
其他好文 时间：
2020-03-19 13:32:43
阅读次数：
79
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>呼吸灯效果</title> 6 <!--适应移动端--> 7 <meta name="viewport" content="width=device-width ...
分类：
其他好文 时间：
2020-03-18 00:01:13
阅读次数：
62
问题：浏览器缩放时，轮播图显示不全，滚动水平滚动条，发现图片缺失 解决：隐藏水平滚动条，页面都只提供垂直滚动条的需求 global.css ...
分类：
其他好文 时间：
2020-03-17 21:12:20
阅读次数：
64
