代码改变世界

随笔档案-2012年10月3日

javascript实现渐隐渐现上下循环滚动

2012-10-03 13:38 by lyw90, 596 阅读, 收藏,
摘要: 在用jquery无缝自适应高度隔时上下滚动一文中我们实现了用jquery来实现一种较为华丽的网站信息或公告的上下滚动,本文介绍一种用javascript代码实现的上下循环滚动,滚动时还能让被显示的第一条信息渐现效果。(在dscuzX2中工作,请看下文演示,不知道在wordpress中是否正常)<script type="text/javascript">function H$(i) {return document.getElementById(i)}function H$$(c, p) {return p.getElementsByTagName(c)}var 阅读全文

自动提醒IE6访客升级浏览器,

2012-10-03 13:35 by lyw90, 214 阅读, 收藏,
摘要: <!--[if ie 6]><script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script><![endif]--> 阅读全文

zen-Coding

2012-10-03 13:34 by lyw90, 281 阅读, 收藏,
摘要: 二、zen-Coding的使用zen-Coding的使用需要掌握CSS和HTML相关知识。其实只要对CSS的选择器比较熟悉,就可以得用简短的类似于CSS选择器的代码高效的编写出HTML代码。打开Notepad++编辑器,输入以下代码: div#name然后接着按一下快捷键ctrl+E,就会自动生成如下的HTML代码:1 <divid="name"></div>接下来看一个更高效的例子div#header>div#logo+ul.nav>li.item-$*5>a按ctrl+E生成如下代码1 2 3 4 5 6 7 8 9 10 &l 阅读全文

写法极为高明javascript

2012-10-03 13:24 by lyw90, 632 阅读, 收藏,
摘要: 方才在程序里看到一段JS代码,写法极为高明,私心想着若是其按照规范来写,定可培养对这门语言的理解,对JS编程能力提高必是极好的。说人话:丫代码写的太乱,看的窝火! 最近闲暇无事,准备对自己JS学习做一个总结。众所周知,JS是一种语法极其灵活的语言,一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患,也对你和团队再次开发及阅读代码造成一定困难,个人认为良好的书写规范是应该首当其冲的。所以参考一些优秀前端开发团队的代码规范后,总结了几点,希望能让你的Javascript代码上升一个台阶。 变量命名: 变量名包括全局变量,局部变量,类变量,函数参数等... 阅读全文

css书写顺序

2012-10-03 13:23 by lyw90, 163 阅读, 收藏,
摘要: //显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文

js.offsetParent属性

2012-10-03 13:22 by lyw90, 309 阅读, 收藏,
摘要: 参考:offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。如果这个容器元素未进行CSS定位,则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。当容器元素的style.display被设置为"none"时(译注:IE和Opera除外),offsetParent属性返回null。句法:parentObj=element.offsetParent变量:·parentObj是一个元素的引用... 阅读全文

arguments

2012-10-03 13:21 by lyw90, 205 阅读, 收藏,
摘要: 在 Javascript 的函数中有个名为 arguments 的类数组对象。它看起来是那么的诡异而且名不经传,但众多的 Javascript 库都使用着它强大的功能。所以,它的特性需要每个 Javascript 程序员去熟悉它。在 每个函数中,都有个名为 arguments 的变量,它以类似数组的形式保存了当前调用的参数。而它实际上并不是个数组,使用 typeof arguments 语句尝试会返回“object”(对象),所以它不能像 Array 一样使用 push 和 pop 等方法。即便如此,仍然可以使用下标以及长度属性(length)获取它的值。编写灵活的函数虽看起来名不经传,但的确 阅读全文

iebug

2012-10-03 13:20 by lyw90, 185 阅读, 收藏,
摘要: 作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性 能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9 /Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于 占领了7、80%的领地。你想做一个统治页面兼容的主么?反正我是想的。今天,趁着想完善公司的内部样式框架,把HasLayo 阅读全文