JS - 随笔分类 - 天地人物事

JS学习之路系列总结五行阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

摘要：五行阵法: 内容，属性，样式，节点，事件【【为了便于记忆，减少占用大脑内存，我命名为JS心法为：道阵法，两仪阵法，三才阵法，四象阵法，五行阵法，只需记住阵法的关键字，即可搜索大脑中相应的内容，学会JS五大阵法即可学会JS】内容： innerHTML【支持HTML标签】 innerText 【不支持阅读全文

posted @ 2017-10-15 16:50 天地人物事阅读(382) 评论(0) 推荐(0)

JS学习之路系列总结四象阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

摘要：四象阵法: 增加删除改变查找【为了便于记忆，减少占用大脑内存，我命名为JS心法为：道阵法，两仪阵法，三才阵法，四象阵法，五行阵法，只需记住阵法的关键字，即可搜索大脑中相应的内容，学会JS五大阵法即可学会JS】 DOM操作增删该查（Document文档 Object对象 Model模型）增阅读全文

posted @ 2017-10-15 16:49 天地人物事阅读(357) 评论(0) 推荐(0)

JS学习之路系列总结三才阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

摘要：学习一门知识，先要学习其中存在的原理，就像一名医生，如果不知道人体内存在的规律，生病的原因，如何治病等，他就不是一名优秀的医生。同样学习JavaScript（以下简称JS），如果你不知道计算机的基本原理和功能，你就不明白为什么要学习了解熟悉掌握JS。一种东西存在了就有存在的必要，既然存在了，我们就需阅读全文

posted @ 2017-10-15 16:49 天地人物事阅读(313) 评论(0) 推荐(0)

JS学习之路系列总结二阴阳阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

摘要：<script> /* 阴阳阵法: 对象函数【为了便于记忆，减少占用大脑内存，我命名为JS心法为：道阵法，两仪阵法，三才阵法，四象阵法，五行阵法，只需记住阵法的关键字，即可搜索大脑中相应的内容，学会JS五大阵法即可学会JS】类:具有相同和相似性质的对象的抽象就是类，对象的抽象就是类，对象就是类阅读全文

posted @ 2017-10-15 16:48 天地人物事阅读(343) 评论(0) 推荐(0)

JS小功能系列12楼层定位

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-10-15 16:45 天地人物事阅读(299) 评论(0) 推荐(0)

JS小功能系列13玻璃窗口

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-10-15 16:45 天地人物事阅读(247) 评论(0) 推荐(0)

JS小功能系列10双向选择

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-10-15 16:44 天地人物事阅读(213) 评论(0) 推荐(0)

JS小功能系列11手风琴

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-10-15 16:44 天地人物事阅读(150) 评论(0) 推荐(0)

JS小功能系列9商品筛选

摘要：Document R 上衣 : 全部针织衫 ... 阅读全文

posted @ 2017-10-15 16:43 天地人物事阅读(1014) 评论(0) 推荐(0)

JS小功能系列8省市联动

摘要：Document 阅读全文

posted @ 2017-10-15 16:29 天地人物事阅读(229) 评论(0) 推荐(0)

JS小功能x系列6文字自动滚动

摘要：11111111111111111 222222222222222222 3333333333333333333 4444444444444444 5555555555... 阅读全文

posted @ 2017-09-28 20:21 天地人物事阅读(368) 评论(0) 推荐(0)

JS小功能系列7自动打字

摘要：<style> textarea{ width:400px; height:100px; } #text{ width:400px; height:200px; border:1px solid blue; } </style> </head> <body> <div> <input type="t 阅读全文

posted @ 2017-09-27 20:26 天地人物事阅读(262) 评论(0) 推荐(0)

JS小功能系列6折叠

摘要：<style> * { margin: 0; padding: 0; } li { list-style-type: none; } .classify>ul>li { width: 200px; text-indent: 20px; background: blue; } .classify>ul 阅读全文

posted @ 2017-09-27 20:25 天地人物事阅读(206) 评论(0) 推荐(0)

JS小功能系列5图片左右移动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-09-27 20:24 天地人物事阅读(471) 评论(0) 推荐(0)

JS小功能系列4图片轮播综合数字轮播，顺时针逆时针，自动轮播

摘要：<style> * { margin: 0; padding: 0; } a { text-decoration: none } li { list-style-type: none; } #coural { width: 360px; height: 200px; position: relati 阅读全文

posted @ 2017-09-27 20:23 天地人物事阅读(296) 评论(0) 推荐(0)

JS小功能系列3时钟

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-09-27 20:21 天地人物事阅读(160) 评论(0) 推荐(0)

JS小功能系列2商品计算

摘要：<style> li{ list-style-type:none; } li span { width: 30px; text-align: center; display: inline-block; } </style> </head> <body> <ul class="ul"> <li> < 阅读全文

posted @ 2017-09-27 20:20 天地人物事阅读(327) 评论(0) 推荐(0)

JS小功能系列1换一批

摘要：<style> * { margin: 0; padding: 0; } li { list-style-type: none; } .l { float: left; } .r { float: right; } .c:after { clear: both; width: 0; height: 阅读全文

posted @ 2017-09-27 20:19 天地人物事阅读(819) 评论(0) 推荐(0)

JS json数据

摘要：阅读全文

posted @ 2017-09-25 19:02 天地人物事阅读(249) 评论(0) 推荐(0)

JS隔行变色，鼠标悬停变色

摘要：<style> *{ margin:0; padding:0; } div{ width:300px; height:50px; margin:20px; } .activeColor{ background: orange; } .odd-color{ background:#ccc; } .ev 阅读全文

posted @ 2017-09-25 11:40 天地人物事阅读(479) 评论(0) 推荐(0)

随笔分类 - JS