一、基本介绍见：https://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html 二、例子：在PC端使用轮播图（高度固定，图片居中，容器铺满，使用背景图） 三、例子：在移动端使用轮播图（宽度自适应，高度自动变化，使用img引入图片） 四、 ...
分类：
其他好文 时间：
2019-05-09 13:23:19
阅读次数：
162
js开发：是一门脚本语言，由浏览器来解释执行，不需要经过编译 js声明变量：var 变量名 ； js声明函数：function函数的名称（参数的名字）{} js开发的步骤： 1 .确定事件 2.事件要触发函数， 3.函数里面通常是去做交互操作，修改页面内容，动态去添加一些东西 轮播图自动播放： 每隔 ...
分类：
编程语言 时间：
2019-05-04 23:49:16
阅读次数：
254
成品效果如下图所示： 因为博客园限制图片上传大小被我删了一些帧数，所以图片看起来会有一点卡，现实运行是不会的 搭建HTML和CSS结构 HTML代码如下： CSS代码如下： 搭建好后的效果如下： 传入（调用写好的运动函数） 开始写轮播图代码 1 var timer = null; 2 var sli ...
分类：
编程语言 时间：
2019-05-03 09:23:37
阅读次数：
129
实现效果：（由于gif太大，所以只上传一张图片，但效果完全能实现） 页面源代码：index.html(一下注释自行切换) index.css js1.js代码： js2.js代码： jquery1.js代码： jquery2.js代码 ...
分类：
Web程序 时间：
2019-04-29 22:37:36
阅读次数：
201
本周是考核周，写的页面是华为的官网，现阶段页面已经写完了第一面，正在写自适应。写的过程遇到了很多的问题，比如说图片的宽度设置突然不起作用；上边的部分有下滑内容，会把下边的轮播图给挤下去等等很多的问题。自适应我是把它放在了最后去写，其中轮播图我是写成了定宽，所以还要进行改动。昨天晚上的笔试让我感觉到前 ...
分类：
其他好文 时间：
2019-04-28 09:21:23
阅读次数：
119
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 </head> 7 <body> 8 <img id="lunbo" src="img/banner_1.jpg ...
分类：
编程语言 时间：
2019-04-27 00:35:28
阅读次数：
191
自动轮播 和 鼠标事件var arr = ["images/d.jpg", "images/q.jpg", "images/c.jpg", "images/b.jpg"]; //定义一个下标 var p = -1; //自动轮播 setInterval(function () { p++; if (... ...
分类：
Web程序 时间：
2019-04-26 16:33:35
阅读次数：
170
1、渐进增强，优雅降级 2、浏览器前缀 3、背景渐变 4、css 验证工具 2种方式：第2种支持验证本地的css（推荐） 5、css压缩 （节约空间，节省带宽） 6、旋转轮播图 案例： 注意： 1、3d 旋转 3d 的translateZ 2、子盒子要一般要写transform-style属性 更有 ...
分类：
Web程序 时间：
2019-04-22 00:16:02
阅读次数：
148
今天主要任务就是把之前写的部分代码整合在了一起，修改点没必要的东西； 其中出现了点问题，主要问题就是 之前做的二级菜单被第二部分的轮播图给挡住； 给二级菜单添加了z-index属性；添加了几次没用，z-index属性只能添加在定位的元素上；最后找到定位过的元素，添加上，解决问题； ...
分类：
其他好文 时间：
2019-04-18 22:02:13
阅读次数：
187
不说这么多，直接上代码 yearSwiperChange(e) { let current = e.detail.current; let that = this; that.setData({ swiperCurrent: current, }) }, yearSwiperChange(e) { ...
分类：
微信 时间：
2019-04-18 16:49:26
阅读次数：
761
