07 2016 档案

2.3 弹出层效果
摘要：中心主题：点击按钮的时候触发弹出层，点击弹出框上面的红色叉叉关闭弹出层 一、HTML结构 二、css样式 三、jquery代码 四、最终效果 点击按钮出现弹出框： 点击红色×关闭弹出框 阅读全文

posted @ 2016-07-29 15:28 花花爱吃大白菜 阅读(187) 评论(0) 推荐(0)

2.2 点击div显示其innerHtml内容
摘要：中心主题：点击div显示其innerHtml内容 一、HTML结构 二、css样式 三、jquery 四、最终效果 阅读全文

posted @ 2016-07-29 15:23 花花爱吃大白菜 阅读(419) 评论(0) 推荐(0)

2.1 百度输入法
摘要：一、HTML结构 二、css样式 三、jquery代码 四、最终效果 点击输入法： 点击关闭： 阅读全文

posted @ 2016-07-29 15:13 花花爱吃大白菜 阅读(126) 评论(0) 推荐(0)

1.6 记住密码提示框
摘要：中心主题：hover过的时候显示提示语 一、HTML结构 二、css样式 阅读全文

posted @ 2016-07-29 15:05 花花爱吃大白菜 阅读(152) 评论(0) 推荐(0)

1.5 移出改变样式
摘要：中心主题：鼠标移入移出改变样式 一、HTML结构 二、CSS样式 三、js 四、jquery 五、最终效果 初始样式： = 鼠标移入样式 阅读全文

posted @ 2016-07-29 15:00 花花爱吃大白菜 阅读(203) 评论(0) 推荐(0)

1.4 用循环将三个div变成红色
摘要：中心主题：利用for循坏获取到div元素并设置它的属性。 一、HTML结构 二、css样式 三、js 四、jquery 五、最终样式 变换前： 变换后： 阅读全文

posted @ 2016-07-29 14:41 花花爱吃大白菜 阅读(282) 评论(0) 推荐(0)

1.3 函数接收参数并传出
摘要：中心主题：获取输入到input中的值点击传参的时候依次输出。 一、HTML结构 二、jquery代码 三、最终效果 阅读全文

posted @ 2016-07-29 14:28 花花爱吃大白菜 阅读(170) 评论(0) 推荐(0)

1.2 网页换肤
摘要：中心主题：通过点击按钮对网页的样式进行切换，主要是控制<link>的href属性-- 一、HTML结构 二、css样式 引入的外部文件样式： 1.blue.css body{ 2.green.css 3.red.css 三、jquery文件 四、最终结果 blue样式： green样式： red样式 阅读全文

posted @ 2016-07-29 14:02 花花爱吃大白菜 阅读(164) 评论(0) 推荐(0)

1.1 控制div属性
摘要：中心主题：通过分别点击“变宽”、“变高”、“变色”、“隐藏”、“重置”按钮对div的相关css属性进行操作。 一、HTML结构 二、CSS样式 三、jquery代码 四、实际效果 初始状态： 变宽： 变高： 隐藏： 重置： 阅读全文

posted @ 2016-07-29 13:49 花花爱吃大白菜 阅读(288) 评论(0) 推荐(0)

1.7 节点进行排序显示
摘要：中心主题：利用js的sort()方法对队列进行重排序并且显示在页面上 一、ＨＴＭＬ结构 二、ＣＳＳ样式 三、ｊｓ 四、最终结果 阅读全文

posted @ 2016-07-28 15:10 花花爱吃大白菜 阅读(265) 评论(0) 推荐(0)

1.6 节点的增加与删除
摘要：一、ＨＴＭＬ结构 二、ｃｓｓ 三、利用原生ｊｓ的insertAdjacentHTML方法对节点进行操作 四、利用ｊｓ的队列进行对节点的操作 五、最终效果 阅读全文

posted @ 2016-07-28 15:03 花花爱吃大白菜 阅读(216) 评论(0) 推荐(0)

1.3 排序显示数据
摘要：中心主题：通过将二维数组里面的一维数组转换成对象，根据该对象的某个属性对该二维数组进行排序。 一、HTML结构 二、js 三、最终结果 阅读全文

posted @ 2016-07-28 14:57 花花爱吃大白菜 阅读(197) 评论(0) 推荐(0)

1.2 条件满足显示数据
摘要：中心主题：获取从后台传过来的数据或者json数据,循环遍历该二维数组按照一定的规则（大于60显示）对这些数据进行处理，最后将处理结果显示在页面上。 一、HTML结构 二、js 三、结果展示 阅读全文

posted @ 2016-07-28 14:48 花花爱吃大白菜 阅读(151) 评论(0) 推荐(0)

1.1 button点击事件
摘要：中心主题：通过button按钮的点击事件获取到输入值并且将该值显示在下方展示的地方。 一。ＨＴＭＬ结构 按照输入框、按钮、输出框进行排列 二、css样式 三、js程序 四、最终效果 阅读全文

posted @ 2016-07-28 14:24 花花爱吃大白菜 阅读(261) 评论(0) 推荐(0)

导航