2017年12月21日
html5——动画案例（太阳系）
摘要： 太阳系主要利用定位，伪元素 参考资料：cssRules js操作cssRules 阅读全文
posted @ 2017-12-21 11:48 var_obj 阅读(442) 评论(0) 推荐(0) 编辑
html5——动画
摘要： 基本介绍 动画序列 1、gun是序列名称 2、通过百分比将动画序列分割成多个节点 3、在各节点中分别定义各属性 4、起始位置最好写上起始值 关键属性 参考资料：https://blog.csdn.net/q1056843325/article/details/53308506?locationNum 阅读全文
posted @ 2017-12-21 11:43 var_obj 阅读(172) 评论(0) 推荐(0) 编辑
html5——3D案例（立体导航）
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } body { text-align: center; ba 阅读全文
posted @ 2017-12-21 11:38 var_obj 阅读(897) 评论(0) 推荐(0) 编辑
html5——3D案例（立体汉字，旋转导航）
摘要： 1、立体汉字：旋转点left，attr(data-cont)可获取自定义属性值，skewY（倾斜转换）参考地址 2、旋转导航：先移动后旋转，li标签需要延迟执行旋转 注意：:hover事件触发自己的:afert伪元素事件中间是没有空格的 阅读全文
posted @ 2017-12-21 11:36 var_obj 阅读(835) 评论(0) 推荐(0) 编辑
html5——3D案例（立方体）
摘要： 立方体：父盒子规定了3d呈现属性，立方体做旋转运动 移动顺序：1、每个盒子都先移动100px，然后再做相应的旋转 2、只有这样立方体的几何中心点与父盒子的几何中心点是一样的 阅读全文
posted @ 2017-12-21 11:18 var_obj 阅读(715) 评论(0) 推荐(0) 编辑
html5——3D案例（音乐盒子、百度钱包）
摘要： 1、音乐盒子：触碰盒子，盖子会打开 2、百度钱包：触碰钱包，钱包，会180度旋转 阅读全文
posted @ 2017-12-21 10:47 var_obj 阅读(504) 评论(0) 推荐(0) 编辑
html5——3D转换
摘要： 角度旋转 rotateX：默认以center绕x轴旋转 rotateY：默认以center绕y轴旋转 rotateZ：默认以cente绕z轴r旋转 距离位移 translateX：以x轴为基准移动，右为正值 translateY：以y轴为基准移动，上为正值 translateZ：以z轴为基准移动，靠 阅读全文
posted @ 2017-12-21 10:30 var_obj 阅读(534) 评论(0) 推荐(0) 编辑
2017年12月20日
html5——:hover事件触发自己的:afert伪元素事件
摘要： :hover事件触发自己的:afert伪元素事件中间是没有空格的 阅读全文
posted @ 2017-12-20 13:04 var_obj 阅读(952) 评论(0) 推荐(0) 编辑
2017年12月19日
html5——2D转换
摘要： transform 属性 1、向元素应用 2D 或 3D 转换 2、该属性允许我们对元素进行旋转、缩放、移动或倾斜。 缩放与位移 角度旋转 倾斜 skew(deg, deg)：可以使元素按一定的角度进行倾斜，可为负值，第二个参数不写默认为0 阅读全文
posted @ 2017-12-19 15:39 var_obj 阅读(298) 评论(0) 推荐(0) 编辑
html5——过渡
摘要： transition：1、开始状态 2、终止状态 3、过渡属性 属性详解 泡泡案例 小米案例 阅读全文
posted @ 2017-12-19 14:39 var_obj 阅读(831) 评论(0) 推荐(0) 编辑
html5——渐变
摘要： 线性渐变 注意事项： 1、方向默认是从上到下 2、方向也可以是角度 3、方向：to left、to right、to bottom、tot op、45deg 径向渐变 渐变球体 阅读全文
posted @ 2017-12-19 10:53 var_obj 阅读(635) 评论(0) 推荐(0) 编辑
html5——背景
摘要： 背景大小 背景裁剪 backgrond-clip：1、border-box 2、padding-box(默认padding) 3、content-box 多背景图片 阅读全文
posted @ 2017-12-19 10:45 var_obj 阅读(583) 评论(0) 推荐(0) 编辑
html5——边框
摘要： 精确控制 复合属性 边框颜色 边框阴影 边框图片 注意事项：这个有谷歌高版本有bug，不会显示 阅读全文
posted @ 2017-12-19 10:28 var_obj 阅读(602) 评论(0) 推荐(0) 编辑
2017年12月18日
html5——私有前缀
摘要： CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分，像border-radius等属性需要加私有前缀才奏效 1、-webkit-：谷歌、苹果 2、-moz-：火狐 3、-ms-：微软 4、-o-：欧朋 阅读全文
posted @ 2017-12-18 14:36 var_obj 阅读(1457) 评论(0) 推荐(0) 编辑
html5——盒子模式
摘要： box-sizing属性 阅读全文
posted @ 2017-12-18 14:07 var_obj 阅读(358) 评论(0) 推荐(0) 编辑
html5——文本阴影
摘要： 基本结构 凹凸文字 阅读全文
posted @ 2017-12-18 13:42 var_obj 阅读(434) 评论(0) 推荐(0) 编辑
html5——颜色
摘要： CSS2 1、opacity，可以设置透明度，但是父盒子设置了透明度会影响子盒子 CC3 1、transparent属性，但是不可改变透明值 2、rgba()：r--red g--green b--blue a--alpha透明度 3、hsla()： H: 色调 S：饱和度 L:亮度 A alpha 阅读全文
posted @ 2017-12-18 13:34 var_obj 阅读(325) 评论(0) 推荐(0) 编辑
html5——css选择器
摘要： 复习 div>p: 子代 div+p：div后面相邻的第一个p div~p: div后面所有的兄弟p 属性选择器 标志：[]；区别于id选择器：#，区别于类名选择器：. 特殊符号：^：开头 $：结尾 *：包含 E[title] : 选中页面的E元素，并且E需要带有title属性 E[title="a 阅读全文
posted @ 2017-12-18 13:14 var_obj 阅读(398) 评论(0) 推荐(0) 编辑
2017年12月15日
html5——DOM扩展
摘要： 元素获取 1、document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。 2、document.querySelector(‘div’) 通过CSS选择器获取元素，符合匹配条件的第1个元素。 3、document.querySelecto 阅读全文
posted @ 2017-12-15 15:51 var_obj 阅读(364) 评论(0) 推荐(0) 编辑
html5——多媒体（一）
摘要： <audio> 1、autoplay 自动播放 2、controls 是否显不默认播放控件 3、loop 循环播放 4、preload 预加载 同时设置autoplay时些属性失效 5、由于版权等原因，不同的浏览器可支持播放的格式是不一样的 <video> 1、autoplay 自动播放 2、con 阅读全文
posted @ 2017-12-15 15:35 var_obj 阅读(156) 评论(0) 推荐(0) 编辑
html5——表单
摘要： type类型 表单元素 1、<datalist>数据列表与input标签使用 2、<keygen>生成加密字符串，谷歌没有效果 3、<output>元素用于不同类型的输出，比如计算或脚本输出 4、<meter>表示度量器，不建议用作进度条 5、<progress>进度条 表单属性 autocompl 阅读全文
posted @ 2017-12-15 14:31 var_obj 阅读(301) 评论(0) 推荐(0) 编辑
html5——语义标签
摘要： 传统布局 html5布局 兼容问题 常用新语义标签 阅读全文
posted @ 2017-12-15 02:42 var_obj 阅读(210) 评论(0) 推荐(0) 编辑
2017年12月14日
jQuery——表格添加数据
摘要： 1、遮罩层宽高100%，position，不占位 2、注册a标签的删除事件，用on()方法，以方法可以动态添加，之前js需要利用冒泡属性（父标签注册事件，子标签冒泡，target li触发事件） 3、$(".add input:eq(1)").prop("checked")?$(".add inpu 阅读全文
posted @ 2017-12-14 23:51 var_obj 阅读(6624) 评论(0) 推荐(0) 编辑
jQuery——多库共存
摘要： 多库共存：jQuery占用了$ 和jQuery这两个变量。当在同一个页面中引用了jQuery这个js库，并且引用的其他库（或者其他版本的jQuery库）中也用到了$或者jQuery这两个变量，那么，要保证每个库都能正常使用，这时候就有了多库共存的问题。 阅读全文
posted @ 2017-12-14 22:34 var_obj 阅读(187) 评论(0) 推荐(0) 编辑
jQuery——链式编程与隐式迭代
摘要： 链式编程 1、原理：return this; 2、通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 this。 3、end()：结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。 隐式迭代 1、含义：方法的内部会为匹配到的所有元素进行循环遍 阅读全文
posted @ 2017-12-14 22:14 var_obj 阅读(252) 评论(0) 推荐(0) 编辑
jQuery——事件操作
摘要： 事件绑定 1、简单事件绑定 2、bind()：不推荐使用 3、delegate() 4、on() 事件解绑 1、unbind() 2、undelegate() 3、off() 事件触发 1、简单事件触发 2、trigger()：触发浏览器行为 3、triggerHandler()：不触发浏览器行为 阅读全文
posted @ 2017-12-14 17:56 var_obj 阅读(191) 评论(0) 推荐(0) 编辑
jQuery——尺寸位置
摘要： 获取宽：$(".box").width() 设置宽：$(".box").width(200) 获取高：$(".box").height() 设置高：$(".box").height(200) 总结：很鸡肋，一般设置可通过css()方法设置 阅读全文
posted @ 2017-12-14 17:17 var_obj 阅读(204) 评论(0) 推荐(0) 编辑
JS——undefined、null
摘要： 1、undefined == false //返回false 2、null == false //返回false 3、undefined == null //返回true 4、undefined null //返回false 阅读全文
posted @ 2017-12-14 17:12 var_obj 阅读(176) 评论(0) 推荐(0) 编辑
jQuery——val()、text()、html()
摘要： val()：获取标签中的value属性的值。带有参数是赋值(类比js中的value属性) text()：获取双闭合标签中的文本值。（不识别标签）(类比innerText) html()：获取双闭合标签中的文本值。（识别标签）(类比innerHTML) 阅读全文
posted @ 2017-12-14 16:47 var_obj 阅读(224) 评论(0) 推荐(0) 编辑
jQuery——属相操作
摘要： 属性获取：attr(属性名)， 属性设置：attr(属性名，具体值) 移除属性：removeAttr(属性名) 特殊情况：prop(属性名)、prop(属性名，具体值)；表单中状态属性checked、selected、disabled要使用.prop()方法 使用技巧：整体移除class属性，可以用 阅读全文
posted @ 2017-12-14 16:42 var_obj 阅读(257) 评论(0) 推荐(0) 编辑
2017年12月13日
jQuery——节点操作
摘要： 创建节点 1、$()：创建一个li标签 2、html()：创建一个li标签并同时添加到ul盒子中，这个添加实际上是整体替换 添加节点 1、append()：在ul盒子内最后一位添加li标签 2、appendTo()：同上，只是添加的对象在前面 3、prepend()：在ul盒子内第一位添加li标签 阅读全文
posted @ 2017-12-13 15:49 var_obj 阅读(287) 评论(0) 推荐(0) 编辑
jQuery——stop
摘要： 为什么要停止动画？ 对同一个元素，如果拥有一个以上的动画对其加以作用，那么后面的动画会被放入一个动画队列中。动画队列的动画是在其上一个动画完成以后才会执行。 控制两个参数四种情况 1、第一个参数表示后续动画是否要执行：true:后续动画不执行 ;false:后续动画会执行 2、第二个参数表示当前动画 阅读全文
posted @ 2017-12-13 13:07 var_obj 阅读(235) 评论(0) 推荐(0) 编辑
jQuery——自定义动画
摘要： 动画方法：animate(json,1000, function (){}) 参数说明：json代表属性设置，1000是动画时间，最后一个是回调函数，其中动画时间可选 属性支持：http://www.w3school.com.cn/jquery/effect_animate.asp 阅读全文
posted @ 2017-12-13 12:55 var_obj 阅读(156) 评论(0) 推荐(0) 编辑
jQuery——动画效果
摘要： 显示隐藏 1、显示：show()，参数 毫秒值、slow（600ms）、 normal（400ms）、 fast（200ms） 2、隐藏：hide()，参数 毫秒值、slow（600ms）、 normal（400ms）、 fast（200ms） 3、回调函数：show(2000,function() 阅读全文
posted @ 2017-12-13 12:37 var_obj 阅读(192) 评论(0) 推荐(0) 编辑
jQuery——切换toggle
摘要： toggle() 显示隐藏 toggleClass 添加类或者删除类 阅读全文
posted @ 2017-12-13 12:22 var_obj 阅读(231) 评论(0) 推荐(0) 编辑
jQuery——类的添加与删除
摘要： 添加类：addClass 删除类：removeClass 判断类是否存在：hasClass 阅读全文
posted @ 2017-12-13 12:18 var_obj 阅读(2323) 评论(0) 推荐(0) 编辑
jQuery——this
摘要： js注册事件this代表的dom对象 jQuery注册事件this代表的也是dom对象，所以需要$(this)转成jQuery对象 阅读全文
posted @ 2017-12-13 12:15 var_obj 阅读(203) 评论(0) 推荐(0) 编辑
jQuery——开关灯
摘要： js对象与jquery对象的相互转化： 1、$(js对象) 2、$(selector).get(索引)、$(selector)[索引] 阅读全文
posted @ 2017-12-13 09:55 var_obj 阅读(268) 评论(0) 推荐(0) 编辑
2017年12月12日
jQuery——jQuery选择器
摘要： 基本选择器 层级选择器 基本过滤选择器 筛选选择器 注意事项 1、后代选择器包括儿子孙子重孙子....而子代选择器只包括儿子。 2、：odd表示的索引号是奇数，实际显示效果是偶数行；：even表示的索引号是偶数，实际显示效果是奇数行。 阅读全文
posted @ 2017-12-12 13:29 var_obj 阅读(407) 评论(0) 推荐(0) 编辑
jQuery——Js与jQuery的相互转换
摘要： $()与jQuery() jQuery中$函数，根据传入参数的不同，进行不同的调用，实现不同的功能。返回的是jQuery对象 jQuery这个js库，除了$之外，还提供了另外一个函数：jQuery jQuery函数跟$函数的关系：jQuery $; jQuery与js区别 jquery有一层功能皮肤 阅读全文
posted @ 2017-12-12 13:11 var_obj 阅读(14287) 评论(0) 推荐(1) 编辑