2021年9月14日
获取验证码
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-09-14 11:50 Travel_Magnum_Cho 阅读(200) 评论(0) 推荐(0)
显示当前时间
摘要： <div id="dv"></div> <script> function getTime() { // 定义星期数组 var weekArr = ['日', '一', '二', '三', '四', '五', '六'] // 获取当前时间 var time =  阅读全文
posted @ 2021-09-14 11:45 Travel_Magnum_Cho 阅读(66) 评论(0) 推荐(0)
自动关闭的广告
摘要： <style> div { width: 300px; height: 300px; background-color: aqua; } </style> <script> window.addEventListener('load', function () { var div = documen 阅读全文
posted @ 2021-09-14 11:42 Travel_Magnum_Cho 阅读(33) 评论(0) 推荐(0)
2021年9月7日
发布留言
摘要： * { margin: 0; padding: 0; } body { padding: 100px; } textarea { width: 200px; height: 100px; border: 1px solid pink; outline: none; resize: none; } u 阅读全文
posted @ 2021-09-07 11:56 Travel_Magnum_Cho 阅读(5) 评论(0) 推荐(0)
tab 栏切换 选项卡
摘要： <style> * { margin: 0; padding: 0; } li { list-style-type: none; } .tab { width: 978px; margin: 100px auto; } .tab_list { height: 39px; border: 1px so 阅读全文
posted @ 2021-09-07 11:54 Travel_Magnum_Cho 阅读(46) 评论(0) 推荐(0)
全选反选不选
摘要： <button id="qx">全选</button> <button id="fx">反选</button> <button id="bx">不选</button> <input type="checkbox" name="" id="">鸿星尔克 <input type="checkbox"&# 阅读全文
posted @ 2021-09-07 11:46 Travel_Magnum_Cho 阅读(23) 评论(0) 推荐(0)
2021年8月10日
用js的getElementsByTagName和getElementById写一个开关灯
摘要： <button id="btn">关灯</button> <button id="btnn">开灯</button> var boo=document.getElementsByTagName("body")[0]; var btt=document.getElementById("btn"); v 阅读全文
posted @ 2021-08-10 21:27 Travel_Magnum_Cho 阅读(48) 评论(0) 推荐(0)
2021年7月20日
alert confirm prompt三种弹窗实
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> alert("阿球今天过生日"); confirm(" 阅读全文
posted @ 2021-07-20 11:54 Travel_Magnum_Cho 阅读(36) 评论(0) 推荐(0)
2021年7月14日
3d环境 结合动画 伪类hover 结合的小盒子
摘要： <style> body{ height:800px; background:linear-gradient(yellow,black);}.cute{ width:404px; height:404px; margin:100px auto 0; transform-style:preserve- 阅读全文
posted @ 2021-07-14 20:31 Travel_Magnum_Cho 阅读(144) 评论(0) 推荐(0)
2021年7月13日
定位与伪类选择器的使用
摘要： <style> *{ margin:0; padding:0; list-style:none;}.first{ width:200px; height:240px; float:left; border-radius: 5px; margin:50px 20px; text-align:cente 阅读全文
posted @ 2021-07-13 21:33 Travel_Magnum_Cho 阅读(67) 评论(0) 推荐(0)