2021年8月17日
vue实现图书管理
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .grid { margin: auto; width: 530px; tex 阅读全文
posted @ 2021-08-17 13:43 黑蛋的博客 阅读(76) 评论(0) 推荐(0)
2021年8月16日
vue实现tab栏切换
摘要： 注意： 若在最外层tab盒子进行v-for遍历列表，就会出现如下效果： 正确效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .tab ul{ over 阅读全文
posted @ 2021-08-16 14:14 黑蛋的博客 阅读(1470) 评论(0) 推荐(0)
2021年8月14日
核对A和B列中的元素是否一致
摘要： 【开始】-条件格式-新建规则-使用公式确定要设置格式的单元格 如果想看A列中哪些内容在B列中出现过 =COUNTIF(B:B,A1)>0 阅读全文
posted @ 2021-08-14 09:31 黑蛋的博客 阅读(62) 评论(0) 推荐(0)
2021年8月12日
购物车
摘要： 引入了jQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文
posted @ 2021-08-12 11:29 黑蛋的博客 阅读(31) 评论(0) 推荐(0)
验证码
摘要： <!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-08-12 10:26 黑蛋的博客 阅读(21) 评论(0) 推荐(0)
2021年8月10日
抽奖游戏
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #fa{ width: 600px; height: 600px; border:1px solid red; 阅读全文
posted @ 2021-08-10 17:06 黑蛋的博客 阅读(17) 评论(0) 推荐(0)
2021年8月9日
新增和删除用户
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> table, tr, th, td { border: 1px solid #ccc; } tr { heig 阅读全文
posted @ 2021-08-09 20:52 黑蛋的博客 阅读(35) 评论(0) 推荐(0)
2021年8月8日
鼠标移动盒子
摘要： 可以更换事件，当鼠标按下，图标跟着鼠标移动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; 阅读全文
posted @ 2021-08-08 09:21 黑蛋的博客 阅读(44) 评论(0) 推荐(0)
移动盒子
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #div{ width: 100px; height: 阅读全文
posted @ 2021-08-08 09:01 黑蛋的博客 阅读(35) 评论(0) 推荐(0)
2021年8月7日
点击返回顶部
摘要： 关键在于通过document.documentElement.scrollTop获取到鼠标向上滑动的距离，根据距离做一系列的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title 阅读全文
posted @ 2021-08-07 15:05 黑蛋的博客 阅读(81) 评论(0) 推荐(0)