2013年1月22日

摘要: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>IE6 position:fixed bug</title><style>*{padding:0;margin:0}p{height:2000px}#gs{border:1px solid #000;position:fixed;right:30px;top:120px 阅读全文
posted @ 2013-01-22 16:57 p-Flower 阅读(194) 评论(0) 推荐(0) 编辑

2012年11月30日

摘要: 写高效代码是一项艺术,你必须学习和实践它,清晰高效代码有利于团队合作,有利于性能优化。下面总结一下清晰高效代码的规范:一、排版:1、关键词和操作符之间加适当的空格。2、相对独立的程序块与块之间加空行3、较长的语句、表达式等要分成多行书写。4、划分出的新行要进行适应的缩进,使排版整齐,语句可读。5、长表达式要在低优先级操作符处划分新行,操作符放在新行之首。6、循环、判断等语句中若有较长的表达式或语句,则要进行适应的划分。7、若函数或过程中的参数较长,则要进行适当的划分。8、不允许把多个短语句写在一行中,即一行只写一条语句。9、函数或过程的开始、结构的定义及循环、判断等语句中的代码都要采用缩进风格 阅读全文
posted @ 2012-11-30 16:37 p-Flower 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。这篇文章中,略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。1. CSS “float” 属性获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,我们要用如下语法:document.g 阅读全文
posted @ 2012-11-30 15:57 p-Flower 阅读(170) 评论(0) 推荐(0) 编辑

2012年10月16日

摘要: 摘自:http://loo2k.com/blog/l2overlay-a-javascript-based-hoverpop-plugin/ 特别推荐最近想给自己做的项目加上类似于 Facebook 的 Namecard 效果,即鼠标移动到制定目标后浮现一个信息卡,在鼠标移开目标或者信息卡后则自动隐藏。搜索了一下好像没有现成的插件可用,找到过几个仿 Facebook Style 的代码片段,但是感觉代码质量比我的还要糟糕,而且也不完全符合自己的要求,所以就花了一个下午的时间,用原生 JavaScript 写了一个类 Facebook Style 的 Namecard (hoverpop)插.. 阅读全文
posted @ 2012-10-16 16:34 p-Flower 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 例http://loo2k.com/blog/demo/loadingbar2.html完美的 jQuery 网页进度条2010-05-05 by loo2k 「前端开发」给自己的博客加上一个 LOADING… 进度条,这好像是一个很老很老的话题,两年前就已经有人用各种方法去实现它了。结合之前的前辈写的代码,我重写了一次。最初我在 AW 的博客上看到的给页面加上Loading效果最简单实用的办法,他介绍的是使用纯的 CSS 跟 JavaScript 实现的效果。原理是:在页面中写一个 LOADING… 的提示,利用 JavaScript 在 HTML 加载完时给 LOADING… 这个 DIV 阅读全文
posted @ 2012-10-16 16:30 p-Flower 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 就像你所遇到的问题一样, IE6 有太多的 bug 让制作网页的人头疼。这篇文章介绍的是介绍我的如何解决 IE6 不支持 position:fixed; 属性的办法。关于 position:fixed; 属性生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。position:fixed; 可以让网页上的某个元素固定在一个绝对的位置,即使拉动滚动条位置也不发生变化。(在 LOO2K 博客右下角的那个置顶的小按钮就是用了这个 CSS 属性实现的)一般的 position:fixed; 实现方法以我的博 阅读全文
posted @ 2012-10-16 16:08 p-Flower 阅读(240) 评论(0) 推荐(0) 编辑

2012年8月29日

摘要: 侦测iPhone/iPod开发特定设备的移动网站,首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA,然后转向到专属的URL。if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {if (document.cookie.indexOf("iphone_redirect=false") == -1) {window.location = "http://m.example.com";}}虽然Javascri 阅读全文
posted @ 2012-08-29 18:39 p-Flower 阅读(376) 评论(0) 推荐(0) 编辑
摘要: http://tutorialzine.com/有关CSS和JS的实例教程,可免费下载http://www.gbin1.com/内容比较全面,从设计到前端相关的都有,可供学习http://www.lynda.com/JavaScript-tutorials/essential-training-2007/375-2.html国外网站,有好多视频教程,很不错,果断收藏了。http://www.sonichtml.com/blog/设计,HTML,CSS,JQUERY等资源有DEMO,很实用; 阅读全文
posted @ 2012-08-29 18:26 p-Flower 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 虽然注册博客园有一段时间了,今天才正式开通了博客,以后分享一些学习文章,学习应该是件轻松的事儿,如果累了休息会儿,调整自己的状态,保持开心."面对小气的人,要大方;面对大方的人,要讲理;""如果记录自己一个月开心的天数和不开心的天数,会发现开心有多么重要啦." 阅读全文
posted @ 2012-08-29 18:08 p-Flower 阅读(81) 评论(0) 推荐(0) 编辑

导航