- 博客(10)
- 收藏
- 关注
RSS订阅原创 拖动模态框案例
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
379
原创 倒计时和短信案例
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
159
原创 动态生成表格数据和删除
1.创建HTML元素 css略 <table cellspacing="0"> <thead> <th>姓名</th> <th>科目</th> <th>成绩</th> <th>操作</th> </thead&g
2022-03-25 20:06:27
149
原创 简易留言板发布和删除功能
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
882
原创 仿新浪下拉菜单的实现
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
223
原创 tab栏切换制作方法
1.创建HTML布局 <div>//整体盒子 <div class="nav"> <ul> <li class="first">商品介绍</li> <li>规格包装</li> <li>售后保障</li> <li>客户评价(5
2022-03-23 20:48:27
603
原创 表格全选和取消全选功能实现
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
639
原创 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
197
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
1706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人