摘要: 回车键(Enter)的触发事件 js 代码如下: 键盘事件顺便做下测试demo: 四个小坦克图片如下; 阅读全文
posted @ 2017-11-16 17:53 我要成为酷酷的人 阅读(998) 评论(0) 推荐(0) 编辑
摘要: 问题:在jQuery引入prop方法后,什么时候使用attr,什么时候使用prop,两者区别。 判断: 对于HTML元素本身所有的固有属性,在处理的时候,使用prop方法 对于HTML元素后来我们自己定义的dom属性,在处理的时候,使用attr方法 什么是固有属性呢? 举个例子: <a href=' 阅读全文
posted @ 2017-11-08 10:01 我要成为酷酷的人 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 等高布局: HTML结构如下: 1.padding补值法 css代码如下: 运行结果如下: 缺点:等高的div没有底边的边框,常用解决方法是使用背景图模仿底部边框或者使用div来模仿底部边框。 2. css代码如下: 运行结果如下: 3.flex弹盒布局法:(简单-推荐) css代码如下: 运行结果 阅读全文
posted @ 2017-11-01 17:46 我要成为酷酷的人 阅读(734) 评论(0) 推荐(0) 编辑
摘要: 加入收藏夹实现: html代码如下: js代码如下: 加入主页实现: html代码如下: js代码如下: 阅读全文
posted @ 2017-10-31 15:04 我要成为酷酷的人 阅读(4955) 评论(0) 推荐(1) 编辑
摘要: 网页可见区域宽度: document.body.clientWidth 网页可见区域高度: document.body.clientHeight 网页可见区域宽度: document.body.offsetWidth(包含边线的宽度) 网页可见区域高度: document.body.offsetHe 阅读全文
posted @ 2017-10-20 15:18 我要成为酷酷的人 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 完整文件及代码可以在网盘下载,下载链接为:https://pan.baidu.com/s/1hs7sBUs 密码: d83x 飞机大战css定义: 飞机大战: HTML代码如下: 飞机大战 : 调用js 飞机大战: 我方飞机创建: 飞机大战: 敌方基本飞机创建: 飞机大战: 其他敌机创建: 效果图如 阅读全文
posted @ 2017-09-29 11:47 我要成为酷酷的人 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 分享功能初步测试,title为当前页面的title。 其他详见注释!!! 阅读全文
posted @ 2017-09-15 18:05 我要成为酷酷的人 阅读(924) 评论(0) 推荐(0) 编辑
摘要: Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到 阅读全文
posted @ 2017-09-15 16:10 我要成为酷酷的人 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 问题: 网站调整后,发现页面显示不正常,刷新清空缓存后才能显示正常。 研究: 可能存在本地缓存问题,虽然服务器修改了css或者js文件,但是浏览器仍然使用的是本地缓存的css 解决: 1.更新文件后更改css/js文件名 缓存是通过文件名标记缓存的内容的,在更新了网站的css或者js文件内容后,在更 阅读全文
posted @ 2017-09-04 10:03 我要成为酷酷的人 阅读(2400) 评论(0) 推荐(0) 编辑
摘要: 门户网站好多都有产品无线滚动展现的效果: 测试demo1 -- 非无缝滚动(可以看出来从头开始的效果): css样式如下: html代码如下: js代码如下: 2.测试demo2 -- 无缝滚动效果,看不出来重0效果: css代码如下: html结构同上; js代码如下: 阅读全文
posted @ 2017-08-26 18:28 我要成为酷酷的人 阅读(5622) 评论(0) 推荐(0) 编辑