搬家啦x

仿sohu网站首页布局先有内容，再有样式。效果图：效果图结构构想：布局结果图：代码：html: class="top1"> class="login">登陆部分 class="indexpage">设sohu为首页 class="myhref">超链接 class=

背景颜色渐变 css3一. Webkit浏览器      (1) 第一种写法：            background:-webkit-gradient(linear ,10% 10%，100% 100%，                                                              color-stop(0.14,r

事件对象和事件冒泡什么是事件对象？来获取事件的详细信息：鼠标位置+键盘按键获取鼠标位置： clientX  clientY  --- FF 不支持，event不兼容， FF下多加一个参数 ev，之后该event为ev。window.onload=function(){ document.onclick=function(){ al

打开、关闭窗口：window.open(‘网址’,'target');　　--- 蓝色理想运行代码功能close 　　--- 关闭时提示信息 window.onresize //重定义网页大小时window.onload   //页面加载完毕时window.onscroll  //页面滚动时侧边栏的实现：position:fixed;

DOM基础（1）　　DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点DOM很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不

DOM元素+文档碎片创建，插入，删除一个新的DOM元素：例一：window.onload = function(){ var oUl=document.getElementById('ul1'); var oBtn=document.getElementById('btn1'); //注意！ 这里的var变量设置，也需要写在 window.onl

数组的使用：//var arr=[1,2,3,4];var arr=new Array(1,2,3,4); //两者等同数组的属性：length   // 可以用来快速清空数组。alert(arr)可以将数组全部数据输出。数组元素增添：arr.push(...)arr.pop();   //在数组尾部存入、删除元素arr.unshift(...)a

arguments　　用来获取函数有多少个参数，以及每个参数是什么： arguments.length / arguments[0]...等// 好处，可以省略定义函数中的参数。css函数　　length==2，取值        length==3，赋值 取某一元素的样式：//知道：要获取哪个元素的哪个样式function getStyle(obj,a

JavaScript基础JavaScript组成：ECMAScript：解释器、翻译 --- 翻译给计算机，并将计算机计算结果翻译给用户，几乎没有兼容性问题。(但还是有的)DOM：Document Object Model  --- 文档、对象、模型 --- 操作页面元素的起点，有一些兼容性问题。可以处理、弥补的。BOM：Browser Object Model  --- 浏览

1.迅雷电影评分：问题：点亮星星：图片切换（class来实现，改变图片显示位置）并列星星图片，这里都是ul来实现的。 2.上下滑动：定时器开关+onmousedown等 3.二级菜单：

上集回顾：选项卡：效果思路js简易日历：innerHTML数组的使用定时器的使用：开启关闭数码时钟：获取系统时间显示系统时间设置图片路径 本课练习：1.延时提示框（二级标题）问题：移开一级标题后，二级标题立即消失移出灰框之后，二级标题不再消失移出灰框，灰框消失再移到红框上时，灰框会闪一下

1.JS简易日历：　　每个月份有自己的介绍。innerHTML的使用---div内部的一个属性标签。　　特点：不仅支持文字，而且支持html语言。用到了数组。 保存了每个月的信息。onmouseover+this+oTxt.innerHTML=.. this.index + 数组的使用。 2.定时器的使用：开启定时器：setInterval(

Js初步理解入门：　　理解事件驱动。　　当你希望事件发生时，你需要知道它的名字，另外你还需要将其叫过来。事例：lable onmouseover="document.getElementById('div1').style.display='block';"onmouseout="document.getElementById('div1').style.dis

落叶效果 #container { position: relative; height: 500px; width: device-width; margin: 0px auto; overflow: hidden;}/* Defines the position and

js面向（基于）对象编程澄清概念：　　js中基于对象=面向对象　　js中没有类class，但是它取了一个新的名字，叫做原型对象。为什么需要对象？问题的提出：　　描述同一个类型的生物属性，过于麻烦。解决： function Cat(){ }//使用构造函数来创建类；

1.   大背景：   repeat-x ， 横向平铺一个图片。2.　标题头：　　div  id="top"   设置居中： 需要先设置width  再设置 margin:0 auto; (这里的宽度一般只是指top的宽度。)为了避免浮动问题，height一般也最好设置出来。  　　ul class="top_menu" ， ul + li + a 。  前面的·一般不兼容，出现的

jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取 元素。$("p.intro") 选取所有 class="intro" 的 元素。$("p#demo") 选取所有 id="demo" 的 元素。jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]"

1 DOCTYPE HTML> 2 html> 3 head> 4 title>title> 5 meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6 meta name="keywords" content="The free Retina Iphone web template, An

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http://www.w3.org/1999/xhtml"> *{margin: 0px;padding:0px;}#ul1{width: 660px;p

为什么学习 javascripet ?　　javascript 是实现网页动态效果的基石，在Web开发中扮演重要的角色，被广泛地应用到各个领域：　　(1) 网页游戏　　(2) 地图搜索　　(3) 股市信息查询　　(4) web聊天　　...　　　　　　　　在Web开发中，js死必不可少的技术，同时js也是ajax/jquery/extjs等框架的基础。　　(实现按键的响

css的定位有以下几种：1.static定位： 这个是默认的定位方式。　　对stativ而言，left和top对其是不生效的。 2.relatie: 相对定位(相对于原先位置的定位,参照点为其原来的位置)。　　其形状不变，而且其原先所占的空间仍然被保留，好像该元素仍在文档流/标准流中一样。3.absolute: 绝对定位　　left与top等的参照物是： 离其最近的非标

1. div+css是什么？div是用来为html文档内大块的内容提供结构和背景的元素；css(层叠样式表单)是用来表现html等文件样式的计算机语言。div+css是网站设计的一种方式(与表格定位不同)，用来实现定位。简单理解：div是存放内容(文字、图片、元素)的容器，css是用于指定放在div中的内容如何显示，包括这些内容的位置和外观。(div封装，css决定其样式[大小,颜色,背景,位

Html介绍： 是一种解释执行的语言，直接对源代码进行解释，不进行编译。1.表格小练习： ----------------表格创建菜谱 星期一菜谱 素菜清炒茄子 花椒土豆 小葱豆腐 炒白菜 荤菜 鱼香肉丝 油焖大虾 baby~ 2.html列表----------------无序列表： 与经常配对使用传奇反恐跳舞团----------------有序列表： 以字母或者数字...等编号

浮动　　浮动是css中很重要的概念，浮动涉及左浮动、右浮动、清除浮动。　　当某个div发生浮动操作时，意味着它脱离了标准流。而其它的div正常显示。例如：发生右浮动的时候，该div向右浮动，直到碰到最近的(父元素)一个边界便停止。 浮动的必要性：因为默认情况下，div是纵向排列的，如果希望div1向右边显示，或者依次横排显示..可以使用浮动来实现。 实例代码：htm

css的核心内容---流标准流/非标准流　　流：在网页中指元素(标签)的排列方式。　　标准流：默认的布局方式。元素在网页中像流水，排在前面的元素(标签)在前面出现，排在后面的在后面出现。　　非标准流：当某个元素(标签)脱离了标准流[比如因为相对定位]排列，我们统称为非标准流排列。(在定位部分详细讲解。在实际操作创建网页时，经常会用到：让某个元素脱离其本身的位置。) 盒子模型

上集回顾：上级知识拓展：一般做项目的时候是不会使用行间事件的。...的形式即为行间事件。行为、样式、结构三者分离的写法：window.onload的使用提取行间事件不用onload会怎么样window.onload=funtion(){}  //当页面加载完毕之后执行一个事件。 本集：1.收缩、展开菜单。如果菜单已经是显示的，把菜

IE、FF的基本注意事项CSS 对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS技巧 1.div的垂直居中问题 vertical-alig

Code: click vs touch div { font-size: 18px; font-family: sans-serif; line-height: 150%; } #c { margin-top

1.行内元素：{inline element}，特点是只占内容的宽度。默认不会换行。一般其中放文本或者其他的行内元素。2.块元素： {block element}， 特点是，不管内容有多少，它要换行，同时占满整个一行。---等，块会换行！不论怎样都会占满一整行。(可以改变，通过盒子，浮动等。)3.块：div中放div{或其它元素}，将其看作一个整体4.一些css属性对行内元素不生效，

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">html> head> title>title> meta http-equiv="pragma" content="no-cache"> meta http-equiv="cache-control" content="no-cache

jQuery设计思想：方法函数化:原生的：-window.onload-innerHTML-onclickjQuery的：-$()-html()-click()(使用this的时候，也要使用 $(this).包起来，再使用，调用函数等) 原生与JQ可以共存、但是原生与JQ不能混用。 改变结果集：强大的过滤器：-$(

1.加上一个new后，调用一次函数，不管是否有return，都自动return一个this。（且会覆盖别的return语句）2.this，通过其使用形式来确定其身份：函数（window），类（空对象），方法（方法）。3.希望属性独享，但方法共享。　　但Js中，通过function()生成的变量方法独享。　　解决办法：Student.prototype.GetName()=funct