<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body> <img src="img/1.jpg" id="imge" onMouseMove="jieshu()" onMouseOut=" ...
分类：
其他好文 时间：
2020-06-06 18:36:12
阅读次数：
126
日历 <style>* { padding: 0; margin: 0; }li { list-style: none; }body { background: #f6f9fc; font-family: arial; } .calendar { width: 210px; margin: 50px ...
分类：
其他好文 时间：
2020-06-05 23:10:26
阅读次数：
89
1切换图片 2定时器--setTimeout（）和setInterval（）的用法 3定时器使用的案例——图片轮播 4图片显示和隐藏 5显示隐藏和定时器的案例——定时弹出广告 1切换图片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...
分类：
Web程序 时间：
2020-06-05 23:05:05
阅读次数：
102
一、轮播图 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><img src="img/1.jpg" id="imge" onMouseMove="jieshu()" onMouse ...
分类：
Web程序 时间：
2020-06-05 19:35:56
阅读次数：
85
循环轮播的时候，刚进入界面还是从第一张图片开始，循环一圈的时候就从第二个开始了，第一就是一闪就过了。 找了好久东拼西凑才解决 解决办法： 由于图片数据是动态获取的，所以在ajax请求成功后再初始化轮播图 function policybannerlistcb (data) { data = JSON ...
分类：
其他好文 时间：
2020-06-05 14:54:29
阅读次数：
83
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
Web程序 时间：
2020-06-05 13:31:19
阅读次数：
102
之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页：原文地址 1. css3实现乞丐版的弹幕 (1)如何 ...
分类：
Web程序 时间：
2020-06-02 11:38:27
阅读次数：
70
说几句：最近比较忙，有时间会做封装，并且丰富功能，先贴一个，手动版的轮播图，拿走不谢 jsx部份： import React, { Component } from "react"; import "./RotationChart.less"; import imgOne from "../../. ...
分类：
其他好文 时间：
2020-05-30 12:40:48
阅读次数：
50
轮播图 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Title</title> <link rel="stylesheet" t ...
分类：
其他好文 时间：
2020-05-30 11:00:04
阅读次数：
333
登录京东或者淘宝的时候，主页往往会有有个主要推送页，当不做处理时会自动切换播放，如果悬浮则会停止播放，西方会有点进行切换，左右可切换播放，具体实现效果如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script ...
分类：
编程语言 时间：
2020-05-30 01:18:36
阅读次数：
75
