摘要：
今天来个简单的网页换肤效果 参考来自：http://js.fgm.cc/learn/lesson1/02.html其实实现原理也很简单，就是改变页面的外链样式表所以呢，需要准备几个样式表：如下green.css文件body{background:#A3C5A8;}#navlist li{background:green;}red.css文件body{ background:#FDD;}#navlist li{ background:red;}black.css文件body{ background:#ccc;}#navlist li{ background:black;}... 阅读全文
摘要：
最经发现了一个各种js效果集合的网站，http://js.fgm.cc/learn/于是乎自己就跟着温习了一遍JS代码，还真涨了不少姿势。 1 2 3 4 5 控制DIV属性 6 10 39 40 41 42 43 44 45 46 47 48 49 50 51 看到标记这段代码，我崩溃了，还可以这样写？原来标记处代码等同于下面，顿时了解了。1 if(this.index=aBtn.length-1){2 oDiv.style.cssText='';3 }实现原理就是我们常见的开关原理，如果第一个表达式为false，则下面不再... 阅读全文
摘要：
在Nicholas C.Zakas'《Professional JavaScript for Web Developer》一书中，对于解决event对象兼容性问题采用了下面的方法优点：无需过多考虑不同浏览器对event对象的差异，统一采用DOM标准调用event对象的方法和属性跨平台的事件1-创建Eventutil对象（util是工具的意思）var Eventutil=new Object();//OR var Eventutil={};2-添加或删除事件处理函数Eventutil.addEventHandler=function(obj,type,fnName){ if(obj.ad 阅读全文
摘要：
注：在JS编程当中经常会用到鼠标滚轮事件，但是要实现这个效果不得不考虑兼容情况罗列一下存在的兼容性问题：1、事件对象兼容，IE是window.event，而FF只需要传个参数（event）就行2、滚轮事件：IE/Chrome 使用onmousewheel，而FF就独树一帜，使用DOMMouseScroll3、获取滚轮的值：IE/Chrome使用onmousewheel的事件对象event的wheelDelta，而FF采用的是detail4、IE/Chrome向上滚动为120，向下滚动为-120；FF向上滚动为-3，向下滚动为3至于其他浏览器：如Opera，Safari本人没有测试，查资料（传送 阅读全文
摘要：
最近一直在看Nicholas C.Zakas的《JavaScript高级程序设计》看到面向对象编程时，就自己连抄带编总结了一下。由于自己对很多概念理解不是过于透彻，所以以代码为主，以后会慢慢更新加上自己的理解如有不妥或者错误之处，还请斧正一、对象冒充function ClassA(sColor){ this.color=sColor; this.sayColor=function(){ alert(this.color); }}function ClassB(sColor,sName){ this.showColor=ClassA; this.sho... 阅读全文
摘要：
最近一直在看Nicholas C.Zakas的《JavaScript高级程序设计》看到面向对象编程时，就自己连抄带编总结了一下。如果有错误或者不妥的地方还请斧正。一、工厂模式function Bicycle(color,price){ var newBicycle=new Object; newBicycle.color=color; newBicycle.price=price; newBicycle.showInfo=function(){ alert(this.color+','+this.price); }; return newBic... 阅读全文
摘要：
直接贴代码：轮播图V3.0版 ● ● ● ● ● HTML/* 样式重置 */body,div,ul,ul li,img{ margin:0; padding:0;}body{ background: #000;}img{ border:none;}li{ list-style: none;}/* 主要样式 */#slide{ width:670px; hei... 阅读全文