- 博客(10)
- 收藏
- 关注
原创 拖动模态框案例
1.首先写出html页面和css样式<style> .login { display: none; position: fixed; background-color: aqua; width: 500px; height: 300px; top: 50%; left: 50%; tran
2022-03-27 21:13:51
347
原创 倒计时和短信案例
1.创建HTML元素 css略 <input type="text"> <button>发送</button> <span></span> <span></span> <span></span>2.短信发送按钮倒计时短信发送按钮倒计时禁用代码var time=5;//定义时间变量 var btn = document.querySelector(
2022-03-27 15:05:19
114
原创 动态生成表格数据和删除
1.创建HTML元素css略<table cellspacing="0"> <thead> <th>姓名</th> <th>科目</th> <th>成绩</th> <th>操作</th> </thead&g
2022-03-25 20:06:27
113
原创 简易留言板发布和删除功能
1.创建HTML元素<div class="liuyan"> <textarea name="" id="" cols="30" rows="10"></textarea> <button>发布</button> <ul></ul> </div>2.获取页面元素 var text = document.querySelector('text
2022-03-24 21:39:50
836
原创 仿新浪下拉菜单的实现
1.HTML元素css略<div> <ul> <li> <a href="#">新浪导航</a> <ul> <li>4655</li> <li>8979</li> <li>4548&l
2022-03-24 21:29:10
191
原创 tab栏切换制作方法
1.创建HTML布局<div>//整体盒子 <div class="nav"> <ul> <li class="first">商品介绍</li> <li>规格包装</li> <li>售后保障</li> <li>客户评价(5
2022-03-23 20:48:27
574
原创 表格全选和取消全选功能实现
1.创建HTML表格`` <td><input type="checkbox" class="th_b"></td> <td align="center">代码</td> <td align="center">代码</td> <td align="center">代码</td>
2022-03-23 11:48:01
611
原创 JS中排他思想运用及问题
JS中排他思想运用及问题1.HTML创建按钮`` <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button></div>## 2.元素取得和排他代码```javascript var btns = document.querySelectorAll('b
2022-03-22 11:32:10
176
1
原创 js对文本框内容显示隐藏
1.文本框显示内容此代码为HTML文本框显示默认内容2.利用js代码隐藏文本框内容text=document.querySelector(“input”)//利用Dom选取文档中input元素text.οnfοcus=function(){if(text.value ===“默认内容”){text.value=""}}3.失去光标显示默认文本text.οnblur=function(){text.value=“默认内容” }...
2022-03-20 10:51:26
1652
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人