2016年7月29日

摘要: 中心主题:点击按钮的时候触发弹出层,点击弹出框上面的红色叉叉关闭弹出层 一、HTML结构 二、css样式 三、jquery代码 四、最终效果 点击按钮出现弹出框: 点击红色×关闭弹出框 阅读全文
posted @ 2016-07-29 15:28 花花爱吃大白菜 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 中心主题:点击div显示其innerHtml内容 一、HTML结构 二、css样式 三、jquery 四、最终效果 阅读全文
posted @ 2016-07-29 15:23 花花爱吃大白菜 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 一、HTML结构 二、css样式 三、jquery代码 四、最终效果 点击输入法: 点击关闭: 阅读全文
posted @ 2016-07-29 15:13 花花爱吃大白菜 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 中心主题:hover过的时候显示提示语 一、HTML结构 二、css样式 阅读全文
posted @ 2016-07-29 15:05 花花爱吃大白菜 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 中心主题:鼠标移入移出改变样式 一、HTML结构 二、CSS样式 三、js 四、jquery 五、最终效果 初始样式: = 鼠标移入样式 阅读全文
posted @ 2016-07-29 15:00 花花爱吃大白菜 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 中心主题:利用for循坏获取到div元素并设置它的属性。 一、HTML结构 二、css样式 三、js 四、jquery 五、最终样式 变换前: 变换后: 阅读全文
posted @ 2016-07-29 14:41 花花爱吃大白菜 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 中心主题:获取输入到input中的值点击传参的时候依次输出。 一、HTML结构 二、jquery代码 三、最终效果 阅读全文
posted @ 2016-07-29 14:28 花花爱吃大白菜 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 中心主题:通过点击按钮对网页的样式进行切换,主要是控制<link>的href属性-- 一、HTML结构 二、css样式 引入的外部文件样式: 1.blue.css body{ 2.green.css 3.red.css 三、jquery文件 四、最终结果 blue样式: green样式: red样式 阅读全文
posted @ 2016-07-29 14:02 花花爱吃大白菜 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 中心主题:通过分别点击“变宽”、“变高”、“变色”、“隐藏”、“重置”按钮对div的相关css属性进行操作。 一、HTML结构 二、CSS样式 三、jquery代码 四、实际效果 初始状态: 变宽: 变高: 隐藏: 重置: 阅读全文
posted @ 2016-07-29 13:49 花花爱吃大白菜 阅读(280) 评论(0) 推荐(0) 编辑

2016年7月28日

摘要: 中心主题:利用js的sort()方法对队列进行重排序并且显示在页面上 一、HTML结构 二、CSS样式 三、js 四、最终结果 阅读全文
posted @ 2016-07-28 15:10 花花爱吃大白菜 阅读(252) 评论(0) 推荐(0) 编辑

导航