js小demo
-恰饭第一名-
流水不争先,争的是滔滔不绝(重补基础中)
展开
-
JS案例--动态生成表格
<style> table { width: 500px; margin: 100px auto; border-collapse: collapse; text-align: center; } td, th { border: 1px solid #333; } ...原创 2021-03-18 15:25:09 · 184 阅读 · 0 评论 -
js小demo4(仿京东显示隐藏文本框内容)
<style> .box { position: relative; width: 400px; border-bottom: 1px solid #ccc; margin: 100px auto; } .box input { width: 370px; height: 30...原创 2021-03-03 21:44:03 · 202 阅读 · 1 评论 -
js小demo3(淘宝循环精灵图背景)
<style> * { margin: 0; padding: 0; } .box { width: 300px; list-style: none; margin: 60px auto; } li { float: left; width: 35px; height: 35px; marg..原创 2021-03-03 21:30:04 · 977 阅读 · 1 评论 -
js小demo2(淘宝点击关闭二维码)
核心思路: 1.利用样式的显示和隐藏完成, display:none 隐藏元素 display:block 显示元素 2.点击按钮,就让这个二维码盒子隐藏起来即可当鼠标点击二维码关闭按钮的时候,则关闭整个二维码 <style> .box { position: relative; width: 74px; height: 88px; border: 1px solid原创 2021-03-03 17:51:42 · 284 阅读 · 2 评论 -
js小demo1(仿京东显示隐藏密码)
<style> .box { width: 400px; margin: 50px auto; position: relative; } #eye { width: 24px; position: absolute; top: -2px; right: 2px; } #pwd { width: 400px;原创 2021-03-03 17:33:32 · 141 阅读 · 1 评论