摘要: 当我们写布局的时候 一般都会先分块 将布局固定 然后在将内容填充到布局里面去 在有时候将内容填充进去后会出现布局混乱 内容下沉 这是原来的效果 这是混乱的结果 原因就是内容太多,超过原来容器。可能是我们在里面加了padding的原因,这个时候我们只需要加一个box-sizing:border-box 阅读全文
posted @ 2019-04-03 11:08 一hai千寻 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 在写前端页面的时候 刚开始我们写静态页面的时候会将图片宽高固定,找比例相同的图片放上去来保证图片不变形 ,可是在真正的项目中 会碰到一个问题 就是图片是动态上传的 不可能所有的图片都能正常显示 可能会出现变形 如果用的不是img标签 对于图片可以用background 里面有一个属性是backgro 阅读全文
posted @ 2019-02-21 17:19 一hai千寻 阅读(8348) 评论(0) 推荐(0) 编辑
摘要: $(selector).serializeArray() serializeArray() 方法通过序列化表单值来创建对象数组 html代码 jquary 代码 页面输入框内容 控制台得到结果(所有的input的输入值) 此方法需要得到name,如果name的值为空就得不到 这个时候得到了两个nam 阅读全文
posted @ 2018-08-10 21:52 一hai千寻 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 表格的悬浮换色 点击换色 隔行换色 $("tr:even").addClass("gaoliang"); $("tr").mouseover(function(){ $(this).addClass("xf"); }).mouseout(function(){ $(this).removeClass 阅读全文
posted @ 2018-08-08 23:01 一hai千寻 阅读(130) 评论(0) 推荐(0) 编辑
摘要: window.onload事件会在页面加载完成后触发。 所以在事件之前应该将所有的定义的值默认为null 在.onload事件事件里面将需要找到定义的值的对应的字符串或者数组找到 验证姓名不能为空 讲提示语放到输入框的后面,所以在输入框<input>后面加了个<span>标签用来接收输出的提示语 验 阅读全文
posted @ 2018-07-21 00:15 一hai千寻 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 首先将每一个li上面添加一个移入事件onmouseover;在悬浮事件里面设置event事件源 JS样式里首先应该找到页面里的ul 然后在ul里面的所有li var ln = bg.querySelectorAll("li"); 在移入函数中获取触发事件元素 var leg = e.target;/ 阅读全文
posted @ 2018-07-19 11:30 一hai千寻 阅读(1664) 评论(0) 推荐(0) 编辑
摘要: <style> #first{ display: flex; justify-content:space-between; } li{ list-style-type:none ; border: 1px solid #999; width: 150px; height: 50px; line-he 阅读全文
posted @ 2018-07-18 18:04 一hai千寻 阅读(636) 评论(0) 推荐(0) 编辑
摘要: innerHTML 属性:设置或返回表格行的开始和结束标签之间的 HTML,不包括HTML标签 outerHTML 属性: 设置或返回表格行的开始和结束标签之间的 HTML, 包含对象标签本身 onclick: 属性由元素上的鼠标点击触发。点击事件 HTML 中: <element onclick= 阅读全文
posted @ 2018-07-17 18:18 一hai千寻 阅读(363) 评论(0) 推荐(0) 编辑
摘要: <title></title> <style type="text/css">body{ font-size:13px; line-height:25px; }table{ border-top: 1px solid #333; border-left: 1px solid #333; width: 阅读全文
posted @ 2018-07-17 17:54 一hai千寻 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 首先需要将所有内容写出来,再将除了需要显示的内容全部隐藏:(在样式上写display:none;)(不隐藏:display:"";) 在上下两个大的内容框里面定义id,方便后面函数需要的查找 设置一个悬浮移入onmouseover,并且在里面定义一个函数:onmouseover="sub()",在函 阅读全文
posted @ 2018-07-16 22:57 一hai千寻 阅读(176) 评论(0) 推荐(2) 编辑