随笔分类 -  JS案例

1
如何对数组对象进行去重？
摘要：这个我是在网上找到然后进行了一下套入。 直接拿来网上的例子吧 尊重原创 作者：白色橡树 地址：【原】js数组对象去重最简单的方法 - 白树 - 博客园 (cnblogs.com) let arr = [ { mch_id:'ghx1', status: 1, type: 2 }, { mch_id: 阅读全文
posted @ 2021-02-04 09:29 我和我的小生活 阅读(656) 评论(0) 推荐(0)
如何让登录表单水平居中？
摘要：登录表单为子盒子，外面设置一个父盒子。 子绝父相盒子定位。 平常经常用得到，做一下记录 设置margin自动适应,然后设置定位的上下左右都为0,就如四边均衡受力从而实现盒子的居中; .parent { position:relative; } .child { position: absolute; 阅读全文
posted @ 2021-01-29 10:15 我和我的小生活 阅读(1180) 评论(0) 推荐(0)
用纯js实现双向数据绑定的两种方法
摘要：<!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-01-13 10:48 我和我的小生活 阅读(769) 评论(0) 推荐(0)
回复评论
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2019-04-15 10:42 我和我的小生活 阅读(184) 评论(0) 推荐(0)
随鼠标移动的图标
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> img{ position: absolute; top: 0; left: 0; } </style> </head> <b 阅读全文
posted @ 2019-03-23 09:09 我和我的小生活 阅读(326) 评论(0) 推荐(0)
点击空白取消登录层
摘要：<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } body{ height: 2000p 阅读全文
posted @ 2019-03-22 09:16 我和我的小生活 阅读(129) 评论(0) 推荐(0)
动态导航栏
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: #000; } .bo 阅读全文
posted @ 2019-03-08 09:15 我和我的小生活 阅读(299) 评论(0) 推荐(0)
天猫轮播图
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 800px; height: 300px; 阅读全文
posted @ 2019-03-05 11:07 我和我的小生活 阅读(196) 评论(0) 推荐(0)
点名器
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2019-03-02 09:17 我和我的小生活 阅读(161) 评论(0) 推荐(0)
仿360开机效果
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 322px; position: fixed; bottom:0; right:0; } span{ 阅读全文
posted @ 2019-03-01 09:21 我和我的小生活 阅读(168) 评论(0) 推荐(0)
滑动条
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>滑动条</title> <style type="text/css"> .box{ width: 400px; height: 8px; background- 阅读全文
posted @ 2019-02-28 10:45 我和我的小生活 阅读(146) 评论(0) 推荐(0)
仿淘宝详细图片
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <img src="img/1.jpg" alt="这是一双鞋" id="shoes" data='img/01.jpg'> <input ty 阅读全文
posted @ 2019-02-28 10:19 我和我的小生活 阅读(181) 评论(0) 推荐(0)
JS实现表格增删改操作
摘要：<!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 @ 2019-02-27 10:40 我和我的小生活 阅读(437) 评论(0) 推荐(0)
左右滚动的电影画布
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .box{ width: 660px; height: 500px; margin: 100px auto; overflow 阅读全文
posted @ 2019-02-20 11:02 我和我的小生活 阅读(203) 评论(0) 推荐(0)
3秒钟之后关闭的广告
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> img { position: absolute; top: 0; } #left { left: 0; } #right { 阅读全文
posted @ 2019-02-20 09:05 我和我的小生活 阅读(268) 评论(0) 推荐(0)
五角星评分
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2019-02-18 10:28 我和我的小生活 阅读(121) 评论(0) 推荐(0)
省市联动
摘要：<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <style type="text/css"> .box{ width: 500px; padding: 20px; border: 1px solid #aaa; b 阅读全文
posted @ 2019-02-17 10:36 我和我的小生活 阅读(139) 评论(0) 推荐(0)
倒计时获取手机验证码
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> input{ outline: none; border: 1px solid #ccc; border-radius: 5px; padding: 5px 阅读全文
posted @ 2019-02-12 11:03 我和我的小生活 阅读(133) 评论(0) 推荐(0)
京东放大镜
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>放大镜</title> <style type="text/css"> *{ padding: 0; margin: 0; } .box{ width: 350 阅读全文
posted @ 2019-02-12 10:59 我和我的小生活 阅读(153) 评论(0) 推荐(0)
网页换肤
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2019-02-10 11:05 我和我的小生活 阅读(129) 评论(0) 推荐(0)

1