摘要：
JS高级 学习roadmap 5 parts part 1-3 part 4-5 阅读全文
posted @ 2019-12-25 23:15
jane_panyiyun
阅读(370)
评论(0)
推荐(1)
摘要：
案例：无刷新评论 属于创建对象的案例拿出来复习 创建行和单元格，添加到相应元素中，设置内容 createElement, appendChild,innerHTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2019-12-25 23:07
jane_panyiyun
阅读(336)
评论(1)
推荐(1)
摘要：
案例：大量字符串拼接效果实现 按钮点击，字符串拼接，最后效果字符串，str input有很多，type来分就有button和text，需要找出inputs[i].value是text的 所以用！="button"，满足条件就push进str，所以是str.push(inputs[i].value) 阅读全文
posted @ 2019-12-25 21:43
jane_panyiyun
阅读(554)
评论(0)
推荐(0)
摘要：
案例：tab切换效果 获取所有的li标签 第一件事：把这个a所在的所以兄弟元素的类样式全部移除 (removeAttributes) 第二件事：当前点击的a父级元素li (点击这个a所在的所在元素li)，设置背景颜色 (this.parentNode.className) <!DOCTYPE htm 阅读全文
posted @ 2019-12-25 20:14
jane_panyiyun
阅读(664)
评论(0)
推荐(0)
摘要：
案例：表格隔行变色(鼠标划过背景色恢复) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width 阅读全文
posted @ 2019-12-25 19:52
jane_panyiyun
阅读(387)
评论(0)
推荐(0)
摘要：
元素隐藏的不同方式 dispaly, visibility, opacity, height&border 为0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> d 阅读全文
posted @ 2019-12-25 19:23
jane_panyiyun
阅读(301)
评论(0)
推荐(0)
摘要：
案例：滚动条 html框架分为4部分，最外面的div, 放文字的div, 装滚动条的div层，以及滚动条本身放在一个div里面 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> 阅读全文
posted @ 2019-12-25 18:46
jane_panyiyun
阅读(506)
评论(0)
推荐(0)
摘要：
案例：高清放大镜 分3步 1. 鼠标进入和离开，显示和隐藏遮挡层和大图div 2. 鼠标在小层上移动，鼠标横纵坐标，为可视区域坐标-遮挡层的宽高，鼠标移动的时候，在一个区域内移动，需要判断和定义下移动区间 3. 在小图移动，对应大图的坐标，用比例来做 a/b =c/d ，a=bc/d 4. 移动设置 阅读全文
posted @ 2019-12-25 13:32
jane_panyiyun
阅读(361)
评论(0)
推荐(0)
摘要：
案例：拖曳对话框 ps: 实际没有要拖曳登录框的需求，只是演示拖曳的这个效果 1. 获取超链接，注册点击事件，显示登陆框和遮挡层 2. 获取关闭，注册点击事件，隐藏登陆框和遮挡层 3. 按下鼠标，移动鼠标，移动登陆框 <!DOCTYPE html> <html> <head lang="en"> < 阅读全文
posted @ 2019-12-25 09:32
jane_panyiyun
阅读(399)
评论(0)
推荐(0)
浙公网安备 33010602011771号