整理了一下当时学js写的一些案例，再次体验了一把用原生JS实现动态瀑布流效果的乐趣，现在把它整理出来，需要的小伙伴可以参考一下。 该案例主要是用HTML+CSS控制样式，通过JS实现全局瀑布流以及点击图片放大、上下切换效果。HTML布局写的很简单，图片加载主要是在JS中通过访问自定义的JSON字符串 ...
分类：
Web程序 时间：
2019-05-23 15:53:39
阅读次数：
153
效果差不多这样的了: 别忘了 bootstrap的css 和 jquery ...
分类：
其他好文 时间：
2019-02-22 18:36:49
阅读次数：
458
window.onload = function () { chang(); var myTab = document.getElementById("gameDevelopment"); //整个div var myUl = myTab.getElementsByTagName("ul")[0]; ...
分类：
Web程序 时间：
2018-12-24 16:16:49
阅读次数：
178
data() { names: 'left' } watch: { '$route'(to, from) { if (to.index < from.index) { this.names = "right" } else { this.names = "left" } } } .left-ente... ...
分类：
移动开发 时间：
2018-12-20 20:27:33
阅读次数：
199
【如何做一个简单的手机端页面的翻页】第一步：创建移动端页面内HTML+CSS【注】可用弹性布局但需要注意的是外层盒子的定位第二步：思考问题要实现怎样的效果？手指滑动时触发事件【左右】两个方向2.点击footer部分的下标实现切换效果3.点击footer部分的下标实现下标颜色变化第三步；编写JS代码添加监听事件document.addEventListener(‘DOMContentLoad
分类：
移动开发 时间：
2018-11-23 20:52:47
阅读次数：
249
【如何做一个简单的手机端页面的翻页】 第一步：创建移动端页面内 HTML + CSS 【注】可用弹性布局 但需要注意的是 外层盒子的定位 第二步： 思考问题 要实现怎样的效果？ 1. 手指滑动时触发事件【左右】两个方向 2.点击footer部分的下标实现切换效果 3.点击footer部分的下标实现下 ...
分类：
移动开发 时间：
2018-11-23 20:37:52
阅读次数：
246
效果如下： 说明： 这里我使用的原理是利用vue中的v-show/显示隐藏指令，当为true的时候显示，为false的时候隐藏 1html代码： 2css代码： 3js： 应届菜鸟，大佬勿喷... ...
分类：
其他好文 时间：
2018-11-21 10:23:58
阅读次数：
197
一、nuxt页面默认切换过渡效果名称为page 如果想让每一个页面的切换都有淡出 (fade) 效果，我们需要创建一个所有路由共用的 CSS 文件。所以我们可以在 assets/ 目录下创建这个文件： 在全局样式文件 assets/main.css 里添加一下样式： 然后添加到 nuxt.confi ...
分类：
其他好文 时间：
2018-11-20 16:22:24
阅读次数：
241
clip 属性 用于剪裁绝对定位元素。 scroll behavior: smooth; 作用在容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。利用这个css属性可以一步将原来纯css标签直接切换，变成平滑过渡切换效果。 代码： ...
分类：
Web程序 时间：
2018-11-16 11:41:08
阅读次数：
225
1 2 3 4 5 HTML5-页面切换动画 6 7 8 9 59 422 423 424 425 这个是页面1...... 426 这个是页面2...... 427 这个是页面3...... 428 这个是页面4...... 429 ... ...
分类：
移动开发 时间：
2018-11-05 17:34:56
阅读次数：
266
