09 2018 档案

jQuery选择器和事件
摘要：jQuery选择器 其实官网中已经有很完全和很好的解释了--jQuery选择器以下是一些常用选择器总结 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <!--引入jQue 阅读全文
posted @ 2018-09-29 18:14 Nnn_Lillian 阅读(250) 评论(0) 推荐(0)
JQuery库基础
摘要：JQuery 什么是JQuery：jQuery是一个Javascript函数库，对Javascript进行封装，使得我们的Javascript使用起来更加方便，而且JQuery还封装了浏览器的兼容性问题。JQuery库包含的功能： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 J 阅读全文
posted @ 2018-09-29 15:58 Nnn_Lillian 阅读(195) 评论(0) 推荐(0)
scrollWidth,clientWidth,offsetWidth的区别
摘要：说明：scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。 参考博文 阅读全文
posted @ 2018-09-28 19:53 Nnn_Lillian 阅读(131) 评论(0) 推荐(0)
Javascript浏览器对象
摘要：window对象 window对象window对象是BOM核心，window对象指当前的浏览器窗口所有Javascript全局对象、函数以及变量均自动成为window对象的成员全局变量是window对象的属性全局函数是window对象的方法甚至HTML DOM的document也是window对象的 阅读全文
posted @ 2018-09-28 18:06 Nnn_Lillian 阅读(159) 评论(0) 推荐(0)
Javascript DOM对象控制HTML
摘要：首先需要了解什么是 JavaScript DOM对象以下是一些常用的方法： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <p name="pName">one</p 阅读全文
posted @ 2018-09-27 20:26 Nnn_Lillian 阅读(287) 评论(0) 推荐(0)
Javascript内置对象
摘要：对象 例如：name Sue age 12 people = new object();people.name = "Sue";people.age = 20; 使用函数来定义对象，然后创建新的对象实例 例如：name Sue age 12 function setPeople(name, age) 阅读全文
posted @ 2018-09-27 19:08 Nnn_Lillian 阅读(172) 评论(0) 推荐(0)
弹性盒模型
摘要：更够更好的响应式布局。例子 HTML： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS/normalize.css"> <lin 阅读全文
posted @ 2018-09-26 20:25 Nnn_Lillian 阅读(174) 评论(0) 推荐(0)
响应式图片
摘要：响应式图片：用户代理根据输出设备的分辨率不同加载不同类型的图片，不会造成带宽的浪费。并在在改变输出设备类型或者分辨率时，能及时加载对应类型的图片。常见的实现方式： srcset和sizes加载不同图片 picture、source media加载不同图片 source type指定多种格式 poly 阅读全文
posted @ 2018-09-26 19:30 Nnn_Lillian 阅读(169) 评论(0) 推荐(0)
实例 -- CSS3 弹性盒模型
摘要：使用CSS3的弹性盒模型完成 响应式表格： 代码： HTML <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS/begin.css 阅读全文
posted @ 2018-09-26 16:45 Nnn_Lillian 阅读(350) 评论(0) 推荐(0)
CSS 3 选择器
摘要：CSS选择器是很基本的东西。在CSS3中，追加了三个属性选择器分别为 这样使得选择器有了通配符的概念 结构性伪类选择器 名字很拗口，所以先解释一下伪类的意思：由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态失去时，它又会失去这个样式；所以叫伪类。 :hover  阅读全文
posted @ 2018-09-26 14:49 Nnn_Lillian 阅读(261) 评论(0) 推荐(0)