备忘录
文章平均质量分 94
skr养成记
一个不会写代码的程序员
展开
-
js简单瀑布流实现
什么是瀑布流瀑布流其实就是一种布局方式,比如说有很多模块,这些模块大小不一,怎样才能把这些模块相对漂亮的排列到一起?瀑布流就可以很好地解决这个问题。首先把这些模块的宽(高)都设置一样,然后让他们像瀑布一样从上到下依次排列。如果还不清楚的话,强烈建议大家去看一下百度美女图片,用到的就是瀑布流模型。(看前请自备纸巾)。如何实现1、这里我们用一些图片来简单实现一下瀑布流效果。2、html内容...原创 2018-09-23 14:11:23 · 717 阅读 · 0 评论 -
别踩白块简单实现
刚开始学习javascript,想找个小项目练练手,所以就写了一个简单的别踩白块网页版小游戏,不是很复杂,但是刚开始的时候还是觉得无从下手,写这篇文章以防我自己以后忘了到底还如何做呢?1、 四行div,每行div有四小div并排,每四个必有一个黑块2、使用定时器控制div向下移动3、添加onclick事件判断黑块是否被点击4、设置死亡条件和分数html代码<!DOCTYPE...原创 2018-09-25 18:06:16 · 1210 阅读 · 0 评论 -
爱奇艺轮播图简单实现
html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;爱奇艺导航&lt;/titl原创 2018-10-08 21:05:50 · 1616 阅读 · 1 评论 -
手风琴菜单
html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>原生javascript手风琴导航</title></head><link rel="stylesheet" t原创 2018-10-08 21:11:51 · 170 阅读 · 0 评论 -
导航栏动画特效(dom实现)
想用纯dom搞一个简单的导航栏特效,本以为一个小时就能搞好,哎对dom理解不够深,一直搞了一下午。。。。。。html<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <ti原创 2018-09-30 09:12:52 · 1075 阅读 · 0 评论