<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script>window.onload = function() { ...
分类:
Web程序 时间:
2016-11-10 19:46:17
阅读次数:
217
最终效果图(鼠标无操作会自动切换选项卡): ...
分类:
Web程序 时间:
2016-10-28 13:28:33
阅读次数:
227
1.认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,DOM节点有: ...
分类:
Web程序 时间:
2016-10-13 19:08:34
阅读次数:
240
1.JavaScript是一种解释型语言,Web浏览器负责解释&执行; 2.JavaScript是弱类型语言,不需要进行类型声明; JS变量(var)可以直接赋值而无需事先声明; a.数组的声明var cc = Array(); b. 对象的声明var cc = Obiect(); 创建对象 var ...
分类:
Web程序 时间:
2016-10-12 19:36:39
阅读次数:
125
一、获取元素的样式 1.currentStyle: ie支持的获取非行间样式的方法; 用法:对象.currentStyle.样式名; 例:oDiv.currentStyle.width; 2.getComputedStyle: 除IE6、7、8外,获取非行间样式的方法; 用法: getCompute ...
分类:
Web程序 时间:
2016-09-26 19:52:32
阅读次数:
170
导航栏背景随鼠标移动的案例(用了自己写的缓动公式) 主要思路是判断当前的index和下一个index,传入具体移动的宽度,通过缓动公式做的移动 ...
分类:
移动开发 时间:
2016-09-19 13:08:56
阅读次数:
234
DOM事件之鼠标事件——小案例(块随鼠标移动事件) html js: 效果展示:(PS懒得加边界了哈哈哈哈哈哈就凑合着看?) // <![CDATA[ var currentX = 0; var currentY = 0; var desX = 0; var desY = 0; window.onl ...
分类:
移动开发 时间:
2016-09-19 11:40:12
阅读次数:
196
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>DOM对象——慕课网总结</title> <style type="text/css"> td{ border: 1px solid #4169E1; } caption{ back ...
分类:
Web程序 时间:
2016-09-14 01:38:45
阅读次数:
221
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .container{ width: 400px; heigh ...
分类:
Web程序 时间:
2016-09-13 22:07:07
阅读次数:
218
一、浏览器底层(HTML、CSS、JS) js:DOM、BOM、Style样式、Canvas、SVG、WebGL 问题:js语法层面薄弱,js原生API不好用,浏览器兼容 二、框架core Jquery、YUI等,通用组件 三、框架组件 基础:input、text、checkbox、radio、se ...
分类:
其他好文 时间:
2016-09-08 16:05:49
阅读次数:
93