摘要:
什么是BOM BOM(browser浏览器 object对象 mode模型 三个单词的简写)浏览器对象模型 BOM的对象有 window navigator screen history location document event 阅读全文
摘要:
HTML事件 语法:<tag 事件="要执行的脚本"> 例子:<input type="text" onclick="style.backgroundColor='red'"> 功能:在html元素里面绑定事件 说明 执行脚本可以是一个函数的调用 onload:页面加载时触发 当我们的js调用写在头 阅读全文
摘要:
<script> for(var i=1;i<10;i++) { //第一层循环 for(var a=1;a<=i;a++){ //重点a必须是<=1 因为我每次i都会小于或者等于这样 我第一次循环 i=1 进去a=1 a<=1那么输出一次就会退出循环 在返回 a再次在1开始 document.wr 阅读全文
摘要:
动画有兼容性的问题 -webkit- -o- -moz- 动画的复合属性:动画名称 动画时间 动画方式 动画延迟 动画次数 动画方向 animation:a 2s linear 1s infinite alterna; animation-name 检索或设置对象应用的动画 keyframes na 阅读全文
摘要:
transform 向元素定义2D或者3D的转换 transform-style:preserve-3d 保留元素的3D转换 当我们进行旋转 一定要使用此属性 translate3D(x,y,z)单位px 定义3D转换 可以是负值 translateX(px)沿着x轴3d转换 左到右 可以是负值 t 阅读全文
摘要:
2D转换 rotate 转换 指定一个平面类的旋转 有兼容性 可以在前面加上 -webkit- 谷歌内核 -o- opera 内核 -ms- ie内核 -moz-火狐内核 语法:rotate(deg)正顺时针负数逆时针 transform:translateX(相对单位 单位px em 百分比)水平 阅读全文
摘要:
js onchange 是域的内容发生改变 只适合用于下拉菜单 select和文本框 textrea #color { width: 300px; height: 300px; margin: 100px auto; border: 1px solid black; } </style> </hea 阅读全文
摘要:
<script> var i=[5,3,9,6,10];//调用一个数组给i function bSort(arr) { for (var i=0;i<arr.length-1;i++) { //第一轮循环 arr.length-1是因为数组是0开始的 for (var j = 0; j < arr 阅读全文
摘要:
body { perspective: 1000px; /* perspective-origin: 50% 50%; */ } .box { width: 100px; height: 100px; margin: 200px auto; position: relative; transform 阅读全文