03 2014 档案

CSS导航固定及ie6兼容问题
摘要:对于非ie6浏览器直接使用:position:fixed;left:0;top:0;在下面添加针对ie6浏览器:_position:absolute;_top:expression(documentElement.scrollTop+"px");添加以上代码后,导航栏就针对浏览器顶部固定了,但ie6上在上拉内容时候,导航抖动,添加以下代码,防止ie6下的抖动:body{background:url(about:blank);background-attachment:fixed;} 阅读全文

posted @ 2014-03-31 11:04 荣锋亮 阅读(171) 评论(0) 推荐(0) 编辑

Position定位:relative | absolute
摘要:定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。定位的定义:在CSS中关于定位的内容是: position:relative | absolute | static | fixedstatic(静态)没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。relative(相对定位)对象不可层叠、不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,并且可以通过z-index进行层次分级。absolute(绝对定位)脱离文档流,通过 top 阅读全文

posted @ 2014-03-28 15:59 荣锋亮 阅读(269) 评论(0) 推荐(0) 编辑

转 web 开发字体
摘要:在 Web 上应用字体是一项基本技术,同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了,合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧,在这里不做赘述,只推荐一套非常好的视频:Fundamentals of Design by CodeSchool 而真正的挑战在于中文字体,由于中文字体组成的特殊性导致其体积过于庞大,除了操作系统内置的字体之外,我们很难在网站上应用其他的字体。在可选性很差的前提之下,如何正确的使用中文字体呢? 首先,以下的字体声明都是很糟糕的,切忌使用:font-family: "宋体";font-family: " 阅读全文

posted @ 2014-03-28 15:46 荣锋亮 阅读(258) 评论(0) 推荐(0) 编辑

转 DIV+CSS圆角边框
摘要:简洁型css圆角:方法1:简洁型css圆角矩形code1:简洁型css圆角矩形方法2:无图片实现圆角框code2:无图片实现圆角框3D圆角矩形:3D圆角矩形CODE:3D圆角矩形反向css圆角矩形:反向css圆角矩形CODE:反向css圆角矩形略带菱形的css圆角:略带菱形的css圆角矩形CODE:略带菱形的css圆角矩形特殊CSS圆角:特殊css圆角矩形CODE:特殊css圆角矩形 阅读全文

posted @ 2014-03-28 12:44 荣锋亮 阅读(176) 评论(0) 推荐(0) 编辑

转 JavaScript 实现简单的双向数据绑定
摘要:JavaScript 实现简单的双向数据绑定英文原文:Easy Two-Way Data Binding in JavaScript参与翻译(3人):徐继开,闹闹爷,几点人仅中文|中英文对照|仅英文|打印此文章双向数据绑定指的就是,绑定对象属性的改变到用户界面的变化的能力,反之亦然。换种说法,如果我们有一个user对象和一个name属性,一旦我们赋了一个新值给user.name,在UI上就会显示新的姓名了。同样地,如果UI包含了一个输入用户姓名的输入框,输入一个新值就应该会使user对象的name属性做出相应的改变。很多热门的JS框架客户端如Ember.js,Angular.js或者Knock 阅读全文

posted @ 2014-03-20 11:14 荣锋亮 阅读(357) 评论(0) 推荐(0) 编辑

web javascript 模式 GUID 的几种生成方式
摘要:算法1:functionuuid() {vars = [];varhexDigits = "0123456789abcdef";for(vari = 0; i < 36; i++) {s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);}s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // 阅读全文

posted @ 2014-03-20 11:07 荣锋亮 阅读(1015) 评论(0) 推荐(0) 编辑

导航