图片轮播的大概功能: 图片是以滑动的方式出现的 可以点击按钮来滑动到上一张和下一张 当下一张没有了,就左滑到下一张。当上一张没有了,就右滑到最后一张 可以点击导航小圆点来跳转到指定的某一张 鼠标在图片外时,图片可以自动滑动 鼠标停留在图片上停止滑动 其中的难点,核心就是第一点和第三点,做完这两点图片 ...
分类:
其他好文 时间:
2018-08-22 12:41:34
阅读次数:
263
微信小程序制作轮播图时遇到的问题,主要是对前端的不熟悉造成的.开始的问题是我想把轮播图做成圆角的,结果一直特别丑...直接放出解决之后的方案: wxml: .swiper{ margin-left: 5%; margin-top: 1px; margin-right: 5%; border-radi ...
分类:
微信 时间:
2018-08-20 13:08:03
阅读次数:
519
css.css common.js 用到的图片 ...
分类:
编程语言 时间:
2018-08-19 01:04:59
阅读次数:
206
轮播图实现的效果为,鼠标移入左右箭头会出现,可以点击切换图片,下面的小圆点会跟随,可以循环播放。本篇文章的主要目的是分享封装插件的思路。 轮播图的我一开始是写成非插件形式实现的效果,后来才改成了封装成插件的形式。 首先要明白轮播图的实现原理和基本布局,大概就是外面有一个容器包裹着(通常是div),容 ...
分类:
Web程序 时间:
2018-08-19 01:01:42
阅读次数:
205
2018-08-18 话不多说,直接上代码 html: <div id="perspective"> <div id='wrap'> <img src="images/tingjie.jpg" /> <img src="images/tingjie.jpg" /> <img src="images/ ...
分类:
其他好文 时间:
2018-08-18 17:55:29
阅读次数:
347
一、JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器 ...
分类:
其他好文 时间:
2018-08-17 17:11:45
阅读次数:
170
BOM的介绍 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM:浏览器对象模型,操作浏览器部分功能的API。 ...
分类:
其他好文 时间:
2018-08-17 16:26:42
阅读次数:
132
1.首页欢迎界面 项目目录结构 新建项目ReaderMovie,然后新建文件,结构如下 welcome.wxml welcome.wxss welcome.js welcome.json 设置导航条的颜色 app.json 配置目录和背景颜色 app.wxss 设置全局的字体格式 效果预览 2.轮播 ...
分类:
微信 时间:
2018-08-17 00:38:22
阅读次数:
245
有时候我们需要在vue中使用轮播组件,如果是在vue组件中引入第三方组件的话,最好通过npm安装,从而进行统一安装包管理。 申明:本文所使用的是vue.2x版本。 通过npm安装插件: 在需要使用swiper的组件里引入swiper,swiper的初始化放在mounted里 Slider.vue源码 ...
分类:
其他好文 时间:
2018-08-16 13:39:12
阅读次数:
239