案例1：点击按钮摇起来 思路： 1. 2张图片，放进div里面，摇起来的本质是，此div按上下左右的位置和在一定的时间内发生移动 2. 所以用随机数的概念来实现位置的移动，用setInterval来实现一定的时间区间，前者封装在后者的处理 函数里面。最后全部作为点击按钮的点击事件的处理函数 <!DO ...
分类：
Web程序 时间：
2019-12-12 01:05:09
阅读次数：
111
系统登录首页常用案例： <body class="signin" > <audio src="/imgUpload/music.mp3" autoplay="true" loop="0"></audio> <!--背景音乐 --> <div class="signinpanel" id="signi ...
分类：
Web程序 时间：
2019-11-29 15:45:59
阅读次数：
83
`关键词`：鼠标事件的触发 可以在函数中指定让鼠标事件自动触发，而不是必须要鼠标滑过才触发，例如： main.onmouseover(); // 可以把该语句看做是鼠标滑过的模拟动作 是DOM元素 ：for..of 的兼容性问题 旧的浏览器可能不会兼容for of方式的迭代方式，所以尽量使用常规的方 ...
分类：
Web程序 时间：
2019-11-05 13:23:32
阅读次数：
94
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv... ...
分类：
Web程序 时间：
2019-10-15 09:56:22
阅读次数：
143
本案例包含4部分：（1）HTML部分；（2）ajax部分；（3）JavaScript部分；（4）node服务器部分。另外，因为牵涉到服务器，所以这里没法“效果预览”。执行过程为：（1）在浏览器地址栏输入网址，向node服务器发送HTML请求；服务器接到请求后，返回一个HTML文件给客户端； （2）客 ...
分类：
Web程序 时间：
2019-06-03 14:37:35
阅读次数：
99
学习了JS一段时间，自己封装了一些日常码代码需要用到的框架，需要的小伙伴可以参考一下该框架主要功能有：阻止事件冒泡、阻止默认事件、获取元素、添加事件、删除事件、单个事件代理，多个事件代理、清除class、获取滚动距离等框架代码如下： ...
分类：
Web程序 时间：
2019-05-23 15:56:17
阅读次数：
146
整理了一下当时学js写的一些案例，再次体验了一把用原生JS实现动态瀑布流效果的乐趣，现在把它整理出来，需要的小伙伴可以参考一下。 该案例主要是用HTML+CSS控制样式，通过JS实现全局瀑布流以及点击图片放大、上下切换效果。HTML布局写的很简单，图片加载主要是在JS中通过访问自定义的JSON字符串 ...
分类：
Web程序 时间：
2019-05-23 15:53:39
阅读次数：
153
HTML5部分代替了JS。 案例： 用JS实现文本域自动获得焦点： 用HTML5直接获得焦点： 结果： 注意：光标是不断闪烁的。 通过设置autofocus属性来代替用JS实现的自动获得焦点的事件行为。 ...
分类：
Web程序 时间：
2019-05-19 11:44:26
阅读次数：
103
//存cokie function setcookie(keys,value,time){ document.cookie=keys+"="+decodeURIComponent(value)+"domain=127.0.0.1;max-age="+time; } cookie的案例 //取cook ...
分类：
Web程序 时间：
2019-01-01 19:19:14
阅读次数：
222
