- 博客(4)
- 收藏
- 关注
RSS订阅原创 【：hover 加边框导致下面盒子抖动】
css3盒子模型的特性决定了：盒子宽高已定的情况下，后续加上边框和padding并不会改变盒子最初的大小。因此，盒子大小不变，新加上的边框只会挤压盒子内部内容物的空间，从而再度调整内容排列。在一开始的时候给这个盒子加上边框，边框颜色设置为透明色或者设置与背景色一样的颜色，这样一来，鼠标经过这个盒子不会在出现抖动现象。本身盒子无边框，启用：hover之后加上1px的边框，这时候对外显示的效果是盒子整体出现抖动。
2023-11-09 14:28:17
73
1
原创 js注册事件密码框格式提示错误信息
描述 用户如果离开密码框，里面输入个数不是6~16，则提示错误信息，否则提示输入正确信息分析① 首先判断的事件是表单失去焦点 onblur② 如果输入正确则提示正确的信息颜色为绿色小图标变化③ 如果输入不是6到16位，则提示错误信息颜色为红色 小图标变化④ 因为里面变化样式较多，我们采取className修改样式<script> // 1.获取元素 var ipt = document.querySelector('.ipt');
2021-04-18 19:20:47
1409
原创 js搜索框显示隐藏文本框内容
描述 当鼠标点击文本框时，里面的默认文字隐藏，当鼠标离开文本框时，里面的文字显示。分析①首先表单需要2个新事件，获得焦点 onfocus 失去焦点 onblur② 如果获得焦点， 判断表单里面内容是否为默认文字，如果是默认文字，就清空表单内容③ 如果失去焦点， 判断表单内容是否为空，如果为空，则表单内容改为默认文字<script> var text = document.querySelector('input'); text.onfocu
2021-04-18 19:05:05
635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人