摘要： 模拟苹果菜单的js代码是从网上看到的，用来做导航菜单还是蛮好看的。这里借鉴一下。效果描述：当鼠标移动离哪个图片最近的时候，这个图片最大，鼠标离的图片越远，则图片越小；原理：主要用到了三角形的勾股定理，可以根据两点的坐标，求到两点的距离，突然发现数学知识和js效果息息相关啊！步骤：1.插入大的图片，防... 阅读全文

摘要： 这么乱的笔记。。。。供自己阅读！ 阅读全文

摘要： 好久没写博了，不是因为事情多没时间，也不是因为没什么可写的，只是单纯的因为懒······哎！！周五下午闲着没事突然想起前两天看到的一个星星评分效果挺有意思的，一个挺传统，一个是较特别。再一次觉得条条大路通罗马啊！首先方法一：先看html代码： 1 2 3 4 5大体思路：li在没有被选中的时候它的背景全是空心的星星，在被选中的时候就给当前的这个li新增一个类名，这个类名的主要主用就是换背景，把空心的星星换成实心的星星。当鼠标移开后当前的这个类名去掉还原成原来的空心但是它前面的星星还是实心。最后点击的时候判断当前是第几颗星星，... 阅读全文

摘要： 在css3出来之前，想要出现渐变效果必须就要制作一张图片。不过css3的出现使得渐变效果变得简单。由于不是所有的浏览器都支持css3，所以不是所有的浏览器都能够呈现出css3的效果出来。因此目前大部分还是需要制作图片的提现渐变的。 目前Mozilla内核的(Firefox)和Webkit内核的(Chrome和Safari)浏览器支持这一属性。不过两者对于渐变的语法是有些差异的。Webkit内核：它是第一个支持渐变的浏览器内核。它的实际用法：-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法；-webkit-gradient(, [,... 阅读全文

摘要： 1、闭包的经典错误假如页面上有若干个div，我们想给它每个绑定一个onclick方法，于是有了下面的代码。function A(){ var divs=document.getElementsByTagName("div"); for(var i=0; i"); } return subFn;}var subRef=Fn();subRef();subRef();var subRef2=Fn();subRef2();subRef2();每当通过引用和其他方式调用这个内部函数时，就会创建一个新的subVar变量，然后加1，得出的结果如下:FnsubFn innerVa 阅读全文

摘要： 一、show()方法和hide()方法这两种方法是jQuery动画的最基本方法。当为元素调用show方法时相当于将该元素的display样式改为block或者inline，同理，如果当元素调用hide方法时，相当于将该元素的样式改为none；因此：$("element").hide()等同于$("element").css("display","none");ps:hide()方法在将内容的display属性设置为none之前，会记住原先的display属性(除了none之外的值)，当调用show()方法是，会根据 阅读全文

摘要： 一、变量 javascript的变量是松散类型的，所谓松散类型就是说定义的变量可以用来保存任何类型的数据。定义变量时要使用var操作符后面跟变量名。这里的var是一个关键字，如果定义变量时省略了var，那么这个变量就成了全局变量。但一般不推荐这么做，因为在局部作用域中定义全局变量会很难维护，并且会因为相应的变量不会马上就有定义而导致不必要的混乱。定义变量时的格式：var a="hi"; var b=false; var c=23;还可以这么定义：var a="hi",b=false,c=23;二、作用域 作用域(scope)：简单的说：就是创建一个函数是 阅读全文

摘要： javascript有this关键字，它和javascript的执行上下文有着密切的关系，就是说this具体指代什么要根据它的上下文来判断。一、this和对象的关系var Person={ name:"xie yue", gender:"female", getName:function(){ alert(Person.name); }};Person.getName();上面的代码中，我们定义了一个Person对象，对象中包含了name，gender属性和getName方法，其作用是弹出... 阅读全文

摘要： 最近不知道是不是因为天气的原因，瞌睡太多了，而且每天晚上都做梦，更奇怪的是每次做梦都能够连着上次没有做完的梦继续做。第二天上班又没有精神，人都快崩溃了！不说了，郁闷！ 偶然看到一个问题：Doctype是什么？如何触发严格模式和混杂模式？区分它们有何意义？我虽说还是切片有那么段时间了，可是对于这个问题依旧不是很明白。所以就查了哈资料。 Doctype：(Document Type)文档类型，它位于文档中最前面的位置，处于标签之前。如果你想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE的声明。确定了正确的Doctype，xhtml里面的标识和css才能正常生效(也就是说它会很负. 阅读全文

摘要： 昨天研究了怎样获取dom元素，有哪些获取的方法，提醒一下注意层级选择器和过滤选择器，多了一个空格都会产生不同的结果，所有一定要细心和耐心。 一、什么是DOM？ DOM:(Document Object Model) 意思是文档对象模型，根据W3C DOM规范，DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松的访问页面中所有的标准组件。一般来说DOM操作分为3类：DOM core、HTML-DOM、CSS-DOM. 我们先看下面这张DOM结构图：你们可以根据这个DOM结构图构建出网页来吗?其中的每个灰色背景都是一个节点。我们可以通过不同的选择器来获取他们。 二、DOM操作 1、创. 阅读全文