03 2011 档案

摘要：看过别人的思路，自己也写了一个。原理就是准备10张图，图片名分别和图上的数字对应，时间的格式是xx:xx:xx，分别有六个位置的图片需要动态修改crs属性，每个位置上的数字是n（具体由当前时间决定），这个位置上的图片即为n.gif，就这样。请先查看Demo然后是结构：View Code 1 <p> 2 当前时间为： 3 <span id="clock"> 4 <img class="num" src="images/0.gif" /> 5 <img class="num" 阅读全文

摘要：技术上没什么难的，就是定义一个隐藏的box，当触发上下文事件时显示它，当单击body任意处时又隐藏它。样式效果比较粗糙，请见谅~~~Demo在这里结构：View Code 1 <div id="wrap"> 2 <ul id="menu"> 3 <li><a href="">撤销</a></li> 4 <li><a href="">重做</a></li> 5 <li><a hre 阅读全文

摘要：没看之前，觉得会挺难的，今天看了别人的思路，于是自己摸索着也整了一个出来。感觉这东西也不太实用，不过把它挂在博客上什么的装饰一下还可以，但主要是练习js，提高自己的编程能力啦~。写的时候，画张图，边分析边写，会容易些，另外就是一些初中数学知识的运用啦......请先查看Demo源码部分：html：<div id="googleEye"> <h1>Google eye!</h1> <div id="leftEye"><img src="images/pupil.gif" />& 阅读全文

摘要：结构：View Code 1 <div class="demo"> 2 <ul id="tab_t1" class="hd"> 3 <li>新闻</li> 4 <li>视频</li> 5 <li>图片</li> 6 </ul> 7 <ul id="tab_c1" class="bd"> 8 <li class="news"> 9 我正要推开车门， 阅读全文

摘要：3月6日修改：感谢园友“猪如此累”和“平平”的建议，现已修正图片滚到最后一张时跳到第一张的问题，改为滚到第5张时倒序返回。谢谢大家的意见，今晚改的时候有不少收获~~~！ 以前写js的时候，可能所需的功能也比较简单，所以一直使用常规方法（面向过程），有的时候写到后面都不知道自己都写了写什么，虽然有时候效果能勉强实现，可是一看code就惨不忍睹。今天算是真正领教到了OPP的强大，代码易读、可移植性强......等等特点，可就是在实现的过程中那叫一个痛苦（至少偶现在的水平来说是的），真正写code没用多少时间，大部分的时间都在想，这让我联想到了前几天投简历面试时面试官和我说的那样，他当时就说写js重 阅读全文

摘要：从网上看了一些关于js闭包的文章，现在总算是明白之前遇到过的一系列问题，比如：function a() { var nodes = [1,2,3,4,5]; var arr = []; for(var i=0; i<nodes.length; i++) { return function() { arr[i] = i; } } return arr;}var b = a();alert(b);比如这段看似没什么语法问题的代码，为啥返回结果会让人如此的蛋疼呢？我想如果不理解或不知道闭包的话，这个问题还真回答不了，其中闭包涉及到了关于执行环境、作用域链等js中比较难理解且又很重要的概念，关于 阅读全文

摘要：凡是写js或者进行前端开发的人员对firebug都不陌生，firebug在js的调试中功不可没。总的说来，用firebug调试js包括以下几个部分：1、检查常规错误：这个就是运行js之后，如果有错误的话在ff（或者在使用firebug lite的其他浏览器）右下角就会有相应的提示，最常见的就是一个表示错误的“X”图标，具体就不赘述的，大家都懂；2、完善的log功能：就是创建了一个console的对象（window.console），它有一些强大的方法帮助我们调试js，详细见下文；3、控制台的命令行功能：打开firebug的“控制台”面板，在最低端“>>>”符号之后即可输入相应 阅读全文