05 2017 档案
太阳八大行星运行轨迹
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <canvas width="1000" height="1000" id="canvas" s
阅读全文
offsetTop、clientTop、scrollTop、offsetTop
摘要：HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中
阅读全文
js时钟
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
js五星好评2
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 ul{ 8 width: 150px; 9 height
阅读全文
js实现轮播图2
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
DOM
摘要：查询或选取单独的元素 1 2 3 4 5 6 // 通过Id查找元素 var xxx = document.getElementById("xxx");； // 通过标签名查找元素集合 var spans = document.getElementsByTagName("span"); // 通过样
阅读全文
js随机点名系统
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 body{ 8 background-color: hotpink; 9 } 10 .b
阅读全文
random随机数应用
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 *{ 8 margin:0; 9 padding:0;
阅读全文
js实现轮播图
摘要：注意：图片需要自己去添加images文件，大小我用的是400*300，可以更改的！ 还有其他方法使用js实现轮播图，比如点击以后让图片transform：translate；点击后改变其display，点击后改变z-index，不点击让他自己产生动态移动就是使用：setInterval 技术不重要，
阅读全文
年月日的三级联动
摘要：1 <body> 2 <div id="box"> 3 <select name="sel1" id="sel1"> 4 <option value="year">年</option> 5 </select> 6 <select name="sel2" id="sel2"> 7 <option va
阅读全文
js全选反选
摘要：1 <style type="text/css"> 2 table { 3 width: 800px; 4 text-align: left; 5 border-collapse: collapse; 6 } 7 8 td, th { 9 padding: 10px; 10 border: 1px
阅读全文
js实现网页tab选项卡切换效果
摘要：1 <style> 2 *{margin:0;padding:0;} 3 body{font-size:14px;font-family:"Microsoft YaHei";} 4 ul,li{list-style:none;} 5 #tab{position:relative;} 6 #tab .
阅读全文
数组大全
摘要：数组创建 JavaScript中创建数组有两种方式，第一种是使用 Array 构造函数： 1 2 3 var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("l
阅读全文
常用正则表达式
摘要：一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-
阅读全文
