随笔分类 -  3_6：JS常见特效

上一页 1 2
关闭二维码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-02-24 10:53 棉花糖88 阅读(87) 评论(0) 推荐(0)
点击切换密码框
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript</title> <style> .box { position: relative; width: 400px; margin: 50px 阅读全文
posted @ 2021-02-24 10:41 棉花糖88 阅读(89) 评论(0) 推荐(0)
动态创建表格
摘要：辅导辅导 阅读全文
posted @ 2021-02-23 11:39 棉花糖88 阅读(52) 评论(0) 推荐(0)
留言删除案例
摘要：核心思路 //1 我们把文本域的值 赋值给li的时候 多添加 一个删除链接 //2 我们把所有的链接获取到 点击删除链接的时候 删除当前链接所在的li//3 阻止链接跳转需要添加 javascript:void(0); 或者 javascript:; 代码实现 <!DOCTYPE html> <ht 阅读全文
posted @ 2021-02-23 10:48 棉花糖88 阅读(97) 评论(0) 推荐(0)
5：to do list
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-02-23 10:18 棉花糖88 阅读(89) 评论(0) 推荐(0)
仿新浪下拉菜单
摘要：页面布局分析 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt 阅读全文
posted @ 2021-02-23 08:45 棉花糖88 阅读(141) 评论(0) 推荐(0)
3：Tab栏切换 [ 重点 ]
摘要：知识梳理 //1 给li设置自定义属性 知识梳理 //1 HTML结构：一个大的div 包含了上下两块//2 上面的盒子子元素 和 下面盒子子元素 一一对应//3 上面的元素第一个默认选中的样式//4 下面子元素全部 display = 'none';隐藏起来//5 下面第一个默认 display 阅读全文
posted @ 2021-02-22 17:20 棉花糖88 阅读(154) 评论(0) 推荐(0)
2：表单全选 + 取消全选
摘要：1）全选和取消全选 //思路：让下面所有复选框的 checked 属性 跟随上面的 全选按钮 2）下面的按钮影响全选按钮 //核心思路//1 给下面所有复选框注册 点击事件 //2 每次点击 都要循环查看其它复选框是否有没有选中的 //3 如果有一个没有选中 上面全选就不选中 //4 可以设置一个变 阅读全文
posted @ 2021-02-22 14:45 棉花糖88 阅读(139) 评论(0) 推荐(0)
1：表格隔行换色
摘要：思路梳理 //1 用到鼠标经过事件 onmouseover 和 鼠标离开事件 onmouseout//2 核心思路：鼠标经过tr行，当前行改变你背景颜色 鼠标离开去掉背景颜色//3 注意 表头的行不需要变色，因此我们获取的 tbody 里的行 代码示例 <!DOCTYPE html> <html l 阅读全文
posted @ 2020-12-24 15:52 棉花糖88 阅读(131) 评论(0) 推荐(0)

上一页 1 2