main.js 全局引入轮播图的js 和 css文件 <template> <div> <h1>轮播图案例</h1> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for ...
分类：
其他好文 时间：
2021-01-06 12:17:44
阅读次数：
0
原生页面的基本应用 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <ti ...
分类：
其他好文 时间：
2021-01-06 12:16:26
阅读次数：
0
一、自动跳转轮播图 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
效果图： <!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
1. 案例：网页轮播图 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： ? 1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 ? 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 ? 3.图片播放的同时，下面小圆圈模块跟随一起变化。 ? 4.点击小圆圈，可以播放 ...
分类：
Web程序 时间：
2020-10-08 18:08:56
阅读次数：
24
