###基于vue2的垂直跑马灯（广播消息轮播组件） npm install vue-marquee new Vue({ el: 'body', data: function(){ return { listData: ['item1', 'item2', 'item3'] } }, componen ...
分类：
其他好文 时间：
2021-03-09 13:56:40
阅读次数：
0
昨日重点： 一、立即执行函数用法 JS文件中，会有大量的变量命名，特别是Echarts使用中，为了防止变量名冲突(变量污染），我们采用立即执行函数策略 语法：(function())(); 注意： 多个立即执行函数中间必须加分号隔开。 二、无缝滚动原理 （1）先克隆marquee里面所有的行（row ...
分类：
其他好文 时间：
2020-12-31 12:49:06
阅读次数：
0
实现的功能 无缝滚动原理： 清除定时器变量： 手动调用点击事件： 节流阀： ...
分类：
Web程序 时间：
2020-11-19 12:53:00
阅读次数：
19
在页面使用参考地址： https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default 命令行执行: npm install vue-seamless-scroll --save 然后在ma ...
分类：
其他好文 时间：
2020-06-03 15:50:19
阅读次数：
175
// 获取元素 var box = my$('box'); var screen = box.children[0]; var ul = screen.children[0]; var ol = screen.children[1]; // 箭头 arrow var arr = my$('arr') ...
分类：
其他好文 时间：
2020-04-07 20:05:24
阅读次数：
61
目录： 1.立方体2.动画3.设置动画的一些属性4.案例：无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例：伸缩盒子的flex属性的应用案例（菜单个数不限）10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例：伸缩盒子，宽高自适应 1、立方体 *transform ...
分类：
Web程序 时间：
2020-02-24 10:00:12
阅读次数：
71
1.2.1 案例: 移动轮播图 1. 可以自动播放图片 2. 手指可以拖动播放轮播图 1.2.2 案例分析 1. 自动播放功能 2. 开启定时器 3. 移动端移动，可以使用translate 移动 4. 想要图片优雅的移动，请添加过渡效果 1. 自动播放功能 无缝滚动 2. 注意，我们判断条件是要等 ...
分类：
移动开发 时间：
2020-01-15 00:04:34
阅读次数：
137
原文地址：http://www.cnblogs.com/shaojiang/p/5295826.html 最终实现界面如下： 页面加载时，自动轮播，轮播鼠标悬停在整个banner容器的时候，两边会显示向左，向右按钮，鼠标悬停在中下方索引圆圈的上面，自动跳转到相应的图片。 banner容器里面包含了图 ...
分类：
Web程序 时间：
2019-12-31 21:28:05
阅读次数：
76
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="" /> <title>文字列表无缝滚动代码</title> <style type="text/css"> *{ margin:0px ...
分类：
其他好文 时间：
2019-11-20 16:58:53
阅读次数：
50
无缝滚动 <style> *{ margin:0; padding:0; } #content{ height:200px; width:500px; background:pink; margin:200px; position:relative; overflow:hidden; } #box{ ...
分类：
其他好文 时间：
2019-11-18 16:49:41
阅读次数：
48
