2017年9月27日
页面滚动
摘要： 鼠标点到左边的哪种颜色的小矩形，自动滚动到哪一部分。 <!DOCTYPE html 页面滚动 body{ margin:0; } page1{ background:red; } page2{ background: orange; } page3{ background:green; } page 阅读全文
posted @ 2017-09-27 17:01 不完美的完美 阅读(245) 评论(0) 推荐(0) 编辑
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 不完美的完美 阅读(197) 评论(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 不完美的完美 阅读(292) 评论(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 不完美的完美 阅读(682) 评论(0) 推荐(0) 编辑
jQuery
摘要： 一、jQuery 1、定义 jQuery 是JS的类库 jQuery是为了让JS的开发更简单 jQuery的目的： 写得少，干得多 2、jQuery优势 兼容性问题 （jquery2. 以上的不兼容IE8、 兼容IE8以及以下，jquery1 . ） 便捷的选择器 方便的事件体系 方便的dom元素 阅读全文
posted @ 2017-09-07 18:14 不完美的完美 阅读(228) 评论(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 不完美的完美 阅读(228) 评论(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 不完美的完美 阅读(168) 评论(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 不完美的完美 阅读(254) 评论(0) 推荐(0) 编辑
BOM(浏览器对象模型)
摘要： BOM(浏览器对象模型) 一. window 1.定义 window是js在浏览器环境中 全局变量 函数就是window的方法 全局变量就是window的属性 2.属性 document location history screen navigator innerWidth 文档区域宽度 inne 阅读全文
posted @ 2017-08-30 18:31 不完美的完美 阅读(330) 评论(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 不完美的完美 阅读(261) 评论(0) 推荐(0) 编辑