2016年7月28日

摘要: 一、HTML结构 二、css 三、利用原生js的insertAdjacentHTML方法对节点进行操作 四、利用js的队列进行对节点的操作 五、最终效果 阅读全文
posted @ 2016-07-28 15:03 花花爱吃大白菜 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 中心主题:通过将二维数组里面的一维数组转换成对象,根据该对象的某个属性对该二维数组进行排序。 一、HTML结构 二、js 三、最终结果 阅读全文
posted @ 2016-07-28 14:57 花花爱吃大白菜 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 中心主题:获取从后台传过来的数据或者json数据,循环遍历该二维数组按照一定的规则(大于60显示)对这些数据进行处理,最后将处理结果显示在页面上。 一、HTML结构 二、js 三、结果展示 阅读全文
posted @ 2016-07-28 14:48 花花爱吃大白菜 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 中心主题:通过button按钮的点击事件获取到输入值并且将该值显示在下方展示的地方。 一。HTML结构 按照输入框、按钮、输出框进行排列 二、css样式 三、js程序 四、最终效果 阅读全文
posted @ 2016-07-28 14:24 花花爱吃大白菜 阅读(251) 评论(0) 推荐(0) 编辑

2016年3月4日

摘要: jquery操作的是dom节点,获取节点状态,进而改变状态。 一。html文档 二。css文档 三。JS文档 四。效果展示 有两个效果,1点击当前“+”号按钮,内容展开,“+”号变“—”号,继续点击重复内容展开收缩,加号减号变换。 2点击当前“+”号,内容展开之后,继续点击其他的“+”号,会收缩已点 阅读全文
posted @ 2016-03-04 11:36 花花爱吃大白菜 阅读(700) 评论(0) 推荐(0) 编辑

2016年2月19日

摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css精灵图</title> <style> .spriteTest{ margin:0px auto; width:160px; font-size:22px; 阅读全文
posted @ 2016-02-19 17:14 花花爱吃大白菜 阅读(521) 评论(0) 推荐(0) 编辑

2016年1月30日

摘要: 一、css元素垂直居中初始状态 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css元素垂直居中</title> <style type="text/css"> .wrapper{ background-col 阅读全文
posted @ 2016-01-30 12:04 花花爱吃大白菜 阅读(204) 评论(0) 推荐(0) 编辑

2016年1月20日

摘要: jquery点击显示隐藏的三种方法,从复杂到简单。使用jquery需要引用jquery库,如右所示。旁边按钮随着收缩展开发生状态变化,展开+变—,收缩—变+。收缩效果: 展开效果:一、HTML结构(盗用网上的)收缩展开效果 1 2 3 4 ... 阅读全文
posted @ 2016-01-20 17:26 花花爱吃大白菜 阅读(1938) 评论(0) 推荐(0) 编辑

2016年1月15日

摘要: css鼠标滑过隐藏文字 阅读全文
posted @ 2016-01-15 18:15 花花爱吃大白菜 阅读(1630) 评论(0) 推荐(0) 编辑

2016年1月12日

摘要: 简单的js原生代码--表单验证一、HTML结构代码 账户: 密码: 确认: 二、JS代码 阅读全文
posted @ 2016-01-12 18:28 花花爱吃大白菜 阅读(180) 评论(0) 推荐(0) 编辑

导航