JavaScript
文章平均质量分 71
晋级的菜鸟
极客学院---Web前端开发
展开
-
JavaScript选项卡
.box .on{background: red;} .box div{border: 1px solid red;width: 200px;height: 200px;display: none;} .box .show{display: block;} function tab(id){ //封装命名函数原创 2017-03-08 00:34:36 · 204 阅读 · 0 评论 -
Canvas--时钟
canvas{ display: block; margin: 0 auto; background-color: #fdffad; border: 1px solid #000; } document.addEventListener('DOMCo原创 2017-04-14 00:01:08 · 254 阅读 · 0 评论 -
JavaScript多级菜单
window.onload=function(){ var oUl=document.getElementById(‘ul’); var aLi=document.getElementByTagName(‘li’); for(var i=0; i原创 2017-03-17 00:51:29 · 253 阅读 · 0 评论 -
JavaScript拖拽封装
function drag(aDiv){ aDiv.onmousedown=function(ev){ var oldX=ev.clientX-aDiv.offsetLeft; var oldY=ev.clientY-aDiv.offsetTop;原创 2017-03-17 00:30:55 · 268 阅读 · 0 评论 -
JavaScript重要知识点
获取物体信息obj.offsetWidth/Height 物体宽高盒子模型: Width/Height+padding+borderobj.offsetLeft/Top 绝对距离obj.getBoundingClientRect().left/top/right/bottom 绝对位置obj.offsetParent 定位父级拖拽时的事件原创 2017-03-16 23:50:52 · 270 阅读 · 0 评论 -
DOM操作
DOM Document Object Model 元素==节点 children 所有子级 tagName 标签名 parentNode 父级 childNode 所有子级(包括空节点)获取第原创 2017-03-15 23:20:15 · 191 阅读 · 0 评论 -
JavaScript【倒计时】
function toDou(iNum){ if(iNum else{return ''+iNum;}window.onload=function(){ var oP=document.getElementByTayName('p')[0];原创 2017-03-11 23:07:14 · 236 阅读 · 0 评论 -
JavaScript【彩票】
方法1:随机数 function rnd(n,m){ return parseInt(Math,random()*(m-n)+n); }方法2:一位数字前面补零原创 2017-03-10 22:13:58 · 589 阅读 · 0 评论 -
JavaScript字符串操作与数组操作
字符串操作 str.indexOf('字符') 有 正常下标 没有 -1 str.charAt(数字) 返回字符 str.lastIndexOf(‘字符’) 返回最后一次出现下标 str.substring(原创 2017-03-09 21:31:21 · 584 阅读 · 0 评论 -
JavaScript简单语法和应用
=============== 2017-3-8===============事件 onmouseover onmouseout onclick onfocus onblur window.onload属性 . 赋值 =比较 ==变量 var name=value;长度 length获取元素 document.getElementById(); d原创 2017-03-08 20:56:28 · 374 阅读 · 0 评论 -
JavaScript图片转换效果
*{margin: 0;padding:0;} #box{ width: 320px; height: 200px; border:1px solid red; margin:100px auto; position:relative; }原创 2017-03-08 20:26:28 · 288 阅读 · 0 评论 -
Canvas--创意时钟
canvas{ margin: 0 auto; display: block; background: #cccccc; } //弧度 function d2a(n){ return n*Math.PI/180; }原创 2017-04-14 00:06:04 · 391 阅读 · 0 评论