焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入只有能够响应用户操作额元素才可以接收焦点事件，比如：a button input... onfocus：当元素获取到焦点的时候触发...
JAVASCRIPT
海报轮播案例
<HTML> <HEAD> <TITLE>CSS+JS滚动图片功能代码</TITLE> <META http-equiv=Content-type content="text/html; charset=gb2312"> <STYLE type="text/css"> TD { ...
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
clientHeight，只读 clientHeight 可以用公式 CSS height + CSS padding - 水平滚动条的高度 (如果存在) 来计算。 如图，这样一个div，它的clientHeight为95，计算：50(height)+30(padding-top)+30(pa...
导航选中填加class样式。
<!--导航开始--> <div class="menu"> <ul> <li><a href="/">首页</a></li> <li><a href="/subject/">解决方案</a></li> <li><a href="/...
关于js中的selection对象使用笔记以及光标定位
IE：document.selection FireFox：window.getSelection() document.selection只有IE支持， window.getSelection()也只有FireFox和 Safari支持，都不是标准语法。 selection 对象 --------------------...
浅析javascript 中的 class 类
在 ES6 规范中，引入了 class 的概念。使得 JS 开发者终于告别了，直接使用原型对象模仿面向对象中的类和类继承时代。 但是JS 中并没有一个真正的 class 原始类型， class 仅仅只是对原...
js 编写呼吸轮播特效 过度，opacity: 1; transition: opacity 0.5s ease 0s; 注意：子绝父相。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js transition: left .5s ease 0s; 过渡写轮播案例跑马灯轮播图特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js css3 轮播图原理+鼠标移入+鼠标移出 停止 继续运细案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js css3 轮播图 原理小案例。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js css3 函数节流写法 表单 方块动画小案例。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js css3 input表单 方块动画效果小案例。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...
js css3 动画原理及案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt...