上一页 1 ··· 3 4 5 6 7 8 9 10 下一页
摘要: function addClass(element,value){ if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += ""; newClassName += value; element.className = newClassName; }}函数解释:如果当前元素没有class,或者说是class值为空为null的时候,那就直接添加一个。否则,如果已经有了class,那么就在原来的class后面追加一 阅读全文
posted @ 2012-04-25 23:39 赵小磊 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document一样来保存其他节点。Element--表示起始标签和结束标签之间的内容,例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr--代表一对特性名和特性值。这个节点类型不能包含子节点。Text--代表XML文档中的在起始标签和结束标签之间,或者CD 阅读全文
posted @ 2012-04-25 22:27 赵小磊 阅读(1960) 评论(1) 推荐(4) 编辑
摘要: function getNextElement(node){ if (node.nodeType == 1) return node; if (node.nextSibling) return getNextElement(node.nextSibling); return null;}关于浏览器对于换行符等理解成文本节点的问题,这个文章有详细讲解浏览器对换行符理解成文本节点的原因研究<!DOCTYPE html><html><head><meta charset="utf-8" /><title>javascri 阅读全文
posted @ 2012-04-25 22:14 赵小磊 阅读(2675) 评论(1) 推荐(0) 编辑
摘要: 故事一:背景介绍:RT是一个外包公司,ZWZX是项目承接公司,YD是甲方。RT公司每天下班的时候都会接到ZWZX负责人的电话,询问一天的工作情况,然后布置任务要求晚上加班做完,RT公司的员工很无奈也很气愤因为每天都要加班,员工们就问项目经理:“为什么天天加班赶需求,今天才提一个需求,明天就要上线,还让不让人活了?” 项目经理无奈的说:“我有什么办法啊?这是人家ZWZX负责人说的啊,对方逼得紧。”多次以后项目经理也忍不住了,就问ZWZX的负责人怎么天天这样啊,ZWZX的负责人就说了:”明天就要向YD的负责人展示这个页面,我也没有办法啊?YD那边老总就是这么要求的,我怎么办,我也不想这样啊?”然后 阅读全文
posted @ 2012-04-24 10:30 赵小磊 阅读(212) 评论(0) 推荐(0) 编辑
摘要: <!doctype html><html lang="en"><head><title>Fancy Slideshow Navigation Using jQuery (demo)</title><style type="text/css">#slideshow { width: 900px; height: 500px; overflow: hidden; position: relative; margin: 0 auto; top: 20px;}#slideshow-reel 阅读全文
posted @ 2012-04-24 09:20 赵小磊 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 当您需要创建一些内容和菜单部分很多的大型网站时,往往需要多级的菜单来将内容分类,这里收集合了38个 css 和 jQuery 多级下拉菜单解决方案,主要是基于jQuery和CSS下拉或多层次的下降可加载的文件,并且您只需要修改下CSS。就能快速搭建您自己的多级下拉菜单。jQuery 相关的插件汇集下拉菜单选项卡lightbox表单验证表格排序即时搜索幻灯片日历手风琴图片裁切1.“Outside the Box” Navigation with jQuery本教程介络如何做一个OS X风格的导航。Preview Demo2.Sexy Drop Down Menu w/ jQuery & 阅读全文
posted @ 2012-04-19 23:27 赵小磊 阅读(2926) 评论(3) 推荐(5) 编辑
摘要: 前端团队阿里巴巴 UED-- 我们设计的界面,并没有几十亿的流量,但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED-- 阿里巴巴中国站UED成立于1999年,全称是用户体验设计部(User Experience Design Department),是阿里巴巴集团最资深的部门之一。支付宝前端开发-- 支付宝前端开发车间。淘宝UED-- 淘宝网用户体验团队。淘宝MED-- MED(Marketing Experience Design). 是淘宝营销体验设计部门,为淘宝网的营销产品做体验设计。口碑UED-- UED(User Experience Design) 中文意思就是用户体验 阅读全文
posted @ 2012-04-19 09:06 赵小磊 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验。目前,有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的。下面来推荐最受欢迎、最实用的9个Javascript代码高亮脚本。1.SyntaxHighlighter我相信这是最普遍代码高亮代码。它支持多种不同的语言,而且如果你使用的语言不被默认支持,你也可以很简单的创建新“刷子”。2.SHJSSHJS是Synt 阅读全文
posted @ 2012-04-18 16:16 赵小磊 阅读(1679) 评论(1) 推荐(2) 编辑
摘要: 取消表单项聚焦时产生的黄色边框:input,button,select,textarea{outline:none}取消textarea的拖动改变大小的功能:textarea{resize:none}取消textarea在ie下的下拉框(或者叫滚动条)textarea {overflow:hidden; }综合起来::focus { outline:none; } /*取消超链接的虚线框和表单项的黄色边框*/ textarea { resize:none; overflow:hidden; }/*取消下拉框和拖动改变大小*/去掉超链接虚线框a {/*IE6、IE7*/+noFocusLine: 阅读全文
posted @ 2012-04-18 10:33 赵小磊 阅读(1134) 评论(1) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-04-17 17:15 赵小磊 阅读(266) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-04-17 09:40 赵小磊 阅读(338) 评论(0) 推荐(0) 编辑
摘要: HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;第二列可以用于CSS文件中,但是需要用反斜杠\转义;第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。需要主意的是:有的字符在不同的浏览器下表现不太一样;比如 阅读全文
posted @ 2012-04-16 17:59 赵小磊 阅读(230) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>导航中鼠标经过变换文字</title> <style type="text/css"> * { margin:0; padding:0; } .nav { list-style:none; width:500px; height:30px; background:#333; margin:50px auto; } .nav li { float:left; 阅读全文
posted @ 2012-04-16 10:33 赵小磊 阅读(1091) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>用div+css模拟表格对角线</title> <style type="text/css"> * { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; border-left:1px solid #999; border-top:1px solid #999 阅读全文
posted @ 2012-04-16 09:44 赵小磊 阅读(1099) 评论(1) 推荐(0) 编辑
摘要: set nocompatiblesource $VIMRUNTIME/vimrc_example.vimsource $VIMRUNTIME/mswin.vimbehave mswinset diffexpr=MyDiff()function MyDiff() let opt = '-a --binary ' if &diffopt =~ 'icase' | let opt = opt . '-i ' | endif if &diffopt =~ 'iwhite' | let opt = opt . '-b 阅读全文
posted @ 2012-04-14 16:51 赵小磊 阅读(1018) 评论(0) 推荐(1) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 下一页
回到头部