一、自动跳转轮播图 1、HTML结构 1 <div id="wrap"> 2 <div id="main"> 3 <div class="page">One</div> 4 <div class="page">Two</div> 5 <div class="page">Three</div> 6 < ...
分类：
Web程序 时间：
2020-12-22 12:28:55
阅读次数：
0
# Bootstrap， ## 一、Bootstrap简介 ### 1. Bootstrap是什么？ ? Bootstrap是Twitter推出的一个开源的前端开发框架 ? 基于HTML、CSS、JavaScript，代码简洁、视觉优美，用来快速开发基于PC及移动端的Web页面，更迅速、简单 ? B ...
分类：
其他好文 时间：
2020-12-15 12:42:46
阅读次数：
4
一、进入swiper官网，下载swiper框架，https://www.swiper.com.cn/ 二、创建项目 创建swiperdemo文件夹，在下面再分别创建css、js、images文件夹 三、从下载的swiper文件中把swiper-bundle.min.css和swiper-bundle ...
分类：
其他好文 时间：
2020-12-15 12:00:32
阅读次数：
1
HTML代码： <div class="img"> <div class="whole"> <div class="roll-img"> <span class="last"><</span> <ul id="ul"> <li class="left"><img src="./img/1.png" ...
分类：
其他好文 时间：
2020-12-01 11:50:50
阅读次数：
1
实现的功能 无缝滚动原理： 清除定时器变量： 手动调用点击事件： 节流阀： ...
分类：
Web程序 时间：
2020-11-19 12:53:00
阅读次数：
19
当需要进行图片展示时，常常使用图片轮播的形式进行展示，这种效果很常见并且展示效果好，该怎么制作呢？接下来，小编就教大家用视频编辑软件会声会影2020制作图片轮播的视频效果。 一、 制作单张图片滚动效果 图 1：视频编辑软件导入素材 如图1，首先在视频编辑软件中导入图片素材，将五张猫咪图片添加到覆叠轨 ...
分类：
其他好文 时间：
2020-11-18 12:22:57
阅读次数：
4
效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ...
分类：
Web程序 时间：
2020-11-04 17:32:42
阅读次数：
31
##小程序的官方文档给出的组件很多,我常用的有 1.轮播 2.图标 3.头部导航栏 4.按钮 5.图片 ##小程序目录结构 框架全局文件，框架页面文件和工具类文件 ####框架全局文件 一个小程序的主体部分由3个文件组成 app.js小程序逻辑， app.json小程序公共设置， app.wxss小 ...
分类：
微信 时间：
2020-10-30 11:37:47
阅读次数：
56
<div class="pst"> <div class="pin"> <div style="background-image:url(https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/qq_logo_2x.png)"><p>11 ...
分类：
Web程序 时间：
2020-10-10 17:13:29
阅读次数：
34
1. 案例：网页轮播图 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： ? 1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 ? 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 ? 3.图片播放的同时，下面小圆圈模块跟随一起变化。 ? 4.点击小圆圈，可以播放 ...
分类：
Web程序 时间：
2020-10-08 18:08:56
阅读次数：
24
