2021年9月17日
音乐进度条拖拽
摘要： 在模仿网易云音乐的时候，在音乐进度条这边遇到了一些困惑，花了一个下午的时间终于实现了音乐的快进功能 $(function() { $('.g-ifarm')[0].height = document.documentElement.clientHeight; $('#ply').on('click' 阅读全文
posted @ 2021-09-17 17:19 唯爱小喵 阅读(133) 评论(0) 推荐(0)
2021年7月2日
JS面对对象Tab栏切换
摘要： window.addEventListener('load', function() { var that = null; // 创建一个tab对象 class Tab { constructor(tab) { that = this; this.tab = document.querySelect 阅读全文
posted @ 2021-07-02 11:03 唯爱小喵 阅读(107) 评论(0) 推荐(0)
2021年6月27日
JS轮播图练习，有bug但我不想改了
摘要： HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文
posted @ 2021-06-27 22:16 唯爱小喵 阅读(73) 评论(0) 推荐(0)
2021年6月25日
JS实现登录框拖动功能
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-25 18:39 唯爱小喵 阅读(93) 评论(0) 推荐(0)
JS特效放大镜效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-25 15:20 唯爱小喵 阅读(89) 评论(0) 推荐(0)
2021年6月24日
JS实现倒计时功能
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-24 10:54 唯爱小喵 阅读(192) 评论(0) 推荐(0)
2021年6月22日
JS动态生成表格
摘要： <style> .box { display: flex; justify-content: center; } table { width: 600px; text-align: center; border-collapse: collapse; border: 1px solid #000; 阅读全文
posted @ 2021-06-22 10:48 唯爱小喵 阅读(121) 评论(0) 推荐(0)
JStab栏切换
摘要： <style> * { margin: 0; padding: 0; } body { display: flex; justify-content: center; align-items: center; height: 100vh; } .box-tab { width: 620px; hei 阅读全文
posted @ 2021-06-22 10:47 唯爱小喵 阅读(216) 评论(0) 推荐(0)
JS简易的留言板，css写的比较随意
摘要： <style> * { margin: 0; padding: 0; } .box { margin: 100px 100px; width: 500px; } .words { width: 100%; } .words div { height: 50px; line-height: 50px; 阅读全文
posted @ 2021-06-22 10:28 唯爱小喵 阅读(132) 评论(0) 推荐(0)
2021年6月18日
仿新浪下拉框练习
摘要： 虽然有BUG，但是先这样吧，下面还有一段，已经完善了 <style> ul { margin: 0; padding: 0; list-style-type: none; } a { position: relative; float: left; width: 100px; height: 40p 阅读全文
posted @ 2021-06-18 11:51 唯爱小喵 阅读(72) 评论(0) 推荐(0)
下一页