<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body { margin: 0; padding: 0; font: 1rem "micro-soft Yahei"; } a { text ...
分类：
其他好文 时间：
2020-07-03 19:05:29
阅读次数：
50
JQuery：是js中的插件 属于第三方库，插件提供一个函数 jq是将原生js中的DOM操作全部封装了，可以增删改查，添加事件、修改内容样式、ajax事件、js动画。 monment.js 日期处理插件 http://momentjs.cn/ swiper 轮播图插件 https://www.swi ...
分类：
Web程序 时间：
2020-06-28 20:45:04
阅读次数：
83
局部引用示例： 1.首先，先进行下载安装 命令： npm install --save swiper 2.在局部页面中引入（一般用于首页） 注：vue项目哦// html代码 写的有点过于简陋，不过主要就是这个格式 <div class="swiper-container"> <div class= ...
分类：
其他好文 时间：
2020-06-28 18:58:37
阅读次数：
80
vue.js实现切换式轮播图 HTML部分 <body> <div id="app"> <div id="banner"> <div id="imglist"> <a href="" v-for="(item,index) in Rot_a" :key="index"><img :src="item ...
分类：
Web程序 时间：
2020-06-28 18:40:47
阅读次数：
142
简介 1、轮播图切换时间间隔，鼠标悬停停止 2、文档定位$(document).scrollTop() <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl ...
分类：
其他好文 时间：
2020-06-28 00:40:05
阅读次数：
109
说明 刚开始是打算使用jQuery中的fadeIn和fadeOut方法来完成这种带有渐变效果的轮播图的，由于好长时间没有碰jQuery （实力不允许:) ） ，所以在用jQuery尝试了一下并且失败了之后，就打算使用原生的JavaScript来完成了。 实现原理 我首先在CSS中定义好了两个类，一个 ...
分类：
Web程序 时间：
2020-06-27 20:24:47
阅读次数：
117
轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： 1.鼠标经过轮播图模块，左右按钮显示；鼠标离开时隐藏； 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理； 3.图片播放的同时，下面小圆圈模块跟随一起变化； 4.点击小圆圈，可以播放相应图片； 5.鼠标不经过轮播图，轮播图也 ...
分类：
Web程序 时间：
2020-06-26 12:38:39
阅读次数：
63
ul{ padding: 0; margin: 0; } .swipper { width: 50%; background-color: #99a9bf; position: relative; overflow: hidden; .swipper-item { top:0; left: 0; p ...
分类：
其他好文 时间：
2020-06-24 22:01:21
阅读次数：
221
import React, { useState, useEffect, useRef } from "react"; import "./swipper.less"; export default function Swipper(props) { const swipperStyle = { h ...
分类：
其他好文 时间：
2020-06-24 21:35:20
阅读次数：
69
16 前端项目搭建 1 创建项目 cd 项目目录下 vue init webpack 项目名 运行项目： npm run dev 也可以在pycharm中运行。 如果，多个Vue项目在运行，8080端口被占用，服务器会自动改端口 2 初始化项目 将HelloWorld.vue 删除，清除APP.vu ...
分类：
其他好文 时间：
2020-06-22 23:01:06
阅读次数：
50
