2017年9月27日
Javascript制作放大镜
摘要： 方法一 <!DOCTYPE html Document { margin:0; padding: 0; } .box{ width: 400px; height: 250px; } .box0{ position: absolute; width: 100px; height: 100px; bac 阅读全文
posted @ 2017-09-27 16:54 不完美的完美 阅读(208) 评论(0) 推荐(0)
jquery制作选项卡
摘要： 制作选项卡 css样式 选项卡 { margin: 0; padding:0; box sizing:border box; } .box{ position:relative; } li{ width: 100px; / padding: 20px; / height: 50px; border: 阅读全文
posted @ 2017-09-27 16:46 不完美的完美 阅读(297) 评论(0) 推荐(0)
2017年9月7日
菜单展开和收缩
摘要： 菜单展开和收缩 <!DOCTYPE html 菜单展开和收缩 { margin: 0; padding: 0; } .navList{ width: 200px; } .navList h3{ padding:10px 20px; cursor:pointer; font size:18px; ba 阅读全文
posted @ 2017-09-07 18:43 不完美的完美 阅读(690) 评论(0) 推荐(0)
jQuery
摘要： 一、jQuery 1、定义 jQuery 是JS的类库 jQuery是为了让JS的开发更简单 jQuery的目的： 写得少，干得多 2、jQuery优势 兼容性问题 （jquery2. 以上的不兼容IE8、 兼容IE8以及以下，jquery1 . ） 便捷的选择器 方便的事件体系 方便的dom元素 阅读全文
posted @ 2017-09-07 18:14 不完美的完美 阅读(241) 评论(0) 推荐(0)
2017年9月4日
DOM文档对象模型
摘要： 一.节点 1.节点分类 元素类型 节点类型 element(元素) 1 //获取元素 var ele=document.getElementById("myImg"); console.log("Element: "+ele); console.log("nodeName: "+ele.nodeNa 阅读全文
posted @ 2017-09-04 17:07 不完美的完美 阅读(234) 评论(0) 推荐(0)
2017年8月31日
JavaScript事件
摘要： JavaScript事件 事件基础 1.绑定事件 1.把事件当做HTML元素的属性 `` 我是按钮 2.把事件当做dom对象的方法 你是按钮 //获取button元素 var btn = document.getElementById("btn"); //给btn元素绑定事件 btn.onclick 阅读全文
posted @ 2017-08-31 18:32 不完美的完美 阅读(172) 评论(0) 推荐(0)
2017年8月30日
窗口在屏幕上来回走动
摘要： 效果： 打开窗口，设定窗口大小 200x200， 窗口在屏幕中来回动 （只看IE效果） <!DOCTYPE html Document 新窗口 开启吧 启动 var newWindow=null; function openFn(){ newWindow=window.open('','','wid 阅读全文
posted @ 2017-08-30 20:18 不完美的完美 阅读(261) 评论(0) 推荐(0)
BOM(浏览器对象模型)
摘要： BOM(浏览器对象模型) 一. window 1.定义 window是js在浏览器环境中 全局变量 函数就是window的方法 全局变量就是window的属性 2.属性 document location history screen navigator innerWidth 文档区域宽度 inne 阅读全文
posted @ 2017-08-30 18:31 不完美的完美 阅读(341) 评论(0) 推荐(0)
2017年8月29日
JS作计算器
摘要： JavaScript制作计算器 <!DOCTYPE html 计算器 table{ width: 450px; height: 450px; margin:100px auto; border:2px solid 333; box sizing:border box; background: ECF 阅读全文
posted @ 2017-08-29 22:28 不完美的完美 阅读(265) 评论(0) 推荐(0)
弹性布局
摘要： 一.弹性布局 基本概念 1.容器：需要添加弹性布局的父元素； 2.项目： 弹性布局容器中的每一个子元素，称为项目； 基本方向 1.主轴：在弹性布局中，我们会通过属性规定水平/垂直方向为主轴； 2.交叉轴：与主轴垂直的另一个方向，称为交叉轴。 二.弹性布局的使用 1.给父容器添加display:fle 阅读全文
posted @ 2017-08-29 21:34 不完美的完美 阅读(328) 评论(0) 推荐(0)