js
关注
分享
扫一扫
勤奋笨笨鸟
我就是为了记录我自己的问题，不喜勿喷
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
仿照淘宝的商品放大镜效果
1.鼠标经过small，显示遮盖层和大图；离开时隐藏；2.鼠标在盒子中移动时，遮盖层和鼠标一起移动；3.遮盖层移动时，大图移动；须注意点：1.处理小图时：鼠标在遮盖层的中间，所以遮盖层的左上角的坐标应该在鼠标在盒子中的位置，减去一半的遮盖层宽度、高度；代码为： 鼠标在盒子中的位置 var left = e.clientX+...原创 2018-09-26 19:01:10 · 273 阅读 · 0 评论 -
瀑布流
实现思路：关键点：利用浮动元素变为行内块元素，能自动换行的特点。自动获取每一个子项 的div的高度。 本例中图片编号001-019 所以在代码中进行了随机处理；注意点：如果不是在事件中定义，需要在window.onload中定义，如果不定义，应为获取高度时，图片还没有加载完成，所以获取的数值会报错；1.设置子项的宽度的和不超过父元素；2.设置图...原创 2018-10-11 19:54:21 · 233 阅读 · 0 评论 -
模拟滚动条
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟导航条</title> <style> #box{ position: relative; width: 3原创 2018-09-27 20:07:34 · 121 阅读 · 0 评论 -
CSS3混合模式的一次实践
相关介绍链接：CSS3中的mix-blend-mode和background-blend-modecss mix-blend-mode 混合模式<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<原创 2018-10-26 09:56:13 · 139 阅读 · 0 评论 -
递归解决求最大公约数问题
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&原创 2018-10-24 20:33:09 · 522 阅读 · 0 评论 -
如何创建一个自己的插件（自动输入）
要实现模拟的手写输入，文字一个一个出现在界面上：1.jq代码 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>自动填写文字</title> <script src="htt原创 2018-11-05 16:08:35 · 764 阅读 · 0 评论 -
角色处理界面操作
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>水果选择</title> <style> select { width: 300px; height: 300px;原创 2018-09-14 20:46:54 · 564 阅读 · 0 评论 -
vue-cli 安装
安装vue-cli 的方法1.安装nodejs2.确认nodejs版本在4.4.5以上；3.输入命令 npm install -g vue-cli 检查安装：输入命令vue4. 进入放项目的路径5.输入命令 vue list 查看可使用打包工具6.创建webpack打包工具项目 sell7.输入命令 vue init webpack sell8.输入项目名称 sell9....原创 2018-09-19 00:13:23 · 152 阅读 · 0 评论 -
仿照网站的在输入内容时会有智能记忆及推荐选项显示
纠结了我一天的效果终于实现了。仿照网站的在输入内容时会有智能记忆及推荐选项显示。修复了好多没有考虑到的bug。代码如下： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉框提示</title&原创 2018-09-15 17:20:29 · 420 阅读 · 0 评论 -
纯js实现数组去重
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组去重</title> <script> 思路： 1.遍历数组中的元素； 2.将数组中原创 2018-09-06 19:56:24 · 199 阅读 · 0 评论 -
纯JS 判断字符串中是否出现了数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>判断字符串中是否出现了数字</title> <script> var str = "！原创 2018-09-06 22:28:21 · 6648 阅读 · 0 评论 -
关于实现点击一行，下一行变色问题
今天在做如题目说的效果（如下代码）时，发现在时间注册函数中判断循环值出现问题。所有的节点的点击事件后都是第一行高亮。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>原创 2018-09-13 19:20:07 · 368 阅读 · 0 评论