- 博客(9)
- 收藏
- 关注
RSS订阅原创 点击发送按钮倒计时
手机号：<input type="text" /> <button>发送</button>HTML代码 <script> var btn = document.querySelector('button'); //获取元素 var tim = 3; btn.addEventListener('click',function(){ //注册点击事件 btn.disabled = t...
2020-07-14 09:28:11
317
原创 动态生成表格 创建以及删除节点
//1:准备数据 var dates = [ { name:'千机', subject:'语文', score:100 }, { name:'祁珞', subject:'语文', score:100 }, { name:'思婵', subject:'数学', score:0 } ];1：准备数据。 数组里可以存放很...
2020-07-13 09:16:46
338
原创 创建节点 模仿发布留言
<textarea></textarea> <button>发送</button> <ul></ul>HTML代码 //获取元素 var btn = document.querySelector('button'); var text = document.querySelector('textarea'); var ul = document.querySel...
2020-07-12 09:14:06
168
原创 购买商品复选框全选 单选
<table> <thead> <tr> <th><input type="checkbox" id="quan"></td> <th>商品</td> <th>价格</td> </tr> </thead> <tbody id="xia"> <tr> ...
2020-07-11 10:09:13
343
原创 模仿百度换肤 点击图片换背景
<ul class="tian"> <li><img src="img/tian.jpg"></li> <li><img src="img/guan.jpg"></li> <li><img src="img/ci.jpg"></li> </ul>HTML代码 <style> *{ margi...
2020-07-11 09:44:54
270
原创 onblur失去焦点事件 登录页面
<div> <input type="password" class="pwd" /> <p class="xinxi">请输入6~16位密码</p> </div>HTML代码 <style> div{ width: 600px; height: 180px; } .xinxi{ display: inline-block; fon...
2020-07-11 09:39:07
848
原创 onmouseover onmouseout鼠标经历过离开行变色
<table> <thead> <th>千机</th> <th>千机</th> <th>千机</th> <th>千机</th> </thead> <tbody> <tr> </tr> <tr> <td>祁珞&...
2020-07-11 09:33:14
212
原创 输入密码时点击明文密文变化
<style> .box{ position: relative; width: 400px; //宽度 border-bottom: 1px solid #ccc; //设置下边框 margin: 100px auto ; } .box input{ width: 370px; //输入框宽度 height: 30px; //高度 border: 0; //输入框边框0 outlin...
2020-07-10 09:36:23
560
原创 分时间问候并显示不同的图片
<style> img{ width: 200px; height: 100px; } </style>css样式，很简单。 <img src="img/shangwu.png" /> <div>上午好，要睡觉了！</div>html代码，也很简单。 <script> var img = document.querySe...
2020-07-10 09:25:31
904
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人