{前端开发} - 博客园

2013年9月23日

摘要： http://blog.csdn.net/phonegapcn事件类型：backbuttondevicereadymenubuttonpauseresumesearchbuttononlineofflinebackbutton当用户在Android系统上点击后退按钮的时候触发此事件。document.addEventListener("backbutton",yourCallbackFunction,false);详述：如果你需要在Android系统上重载默认后退按钮的行为，可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按阅读全文

posted @ 2013-09-23 17:31 {前端开发} 阅读(216) 评论(0) 推荐(0) 编辑

构造函数原型对象对象实例图

摘要：阅读全文

posted @ 2013-09-23 10:59 {前端开发} 阅读(152) 评论(0) 推荐(1) 编辑

2013年9月4日

transition动画

摘要： http://rainleaves.com/demo/transition/transition.html 阅读全文

posted @ 2013-09-04 18:02 {前端开发} 阅读(127) 评论(0) 推荐(0) 编辑

RGBA颜色与兼容性的半透明背景色

摘要：所谓RGBA颜色，顾名思意就是R+G+B+A的颜色，再具体点就是RED+GREEN+BLUE+ALPHA的颜色，小写一下就是red+green+blue+alpha的颜色，翻译一下就是红+绿+蓝+Alpha透明的颜色。关于rgba的基础知识介绍，您可以参见这里：CSS3 RGBA colors使用参考指南我们平时用的较多的是16进制颜色，例如黑色#000000;白色#FFFFFF，这些是16进制表示的颜色，如果使用RGB颜色表示就是rgb(0, 0, 0)与rgb(255,255,255)，其实本质上是一样的，只是一个是16进制表示的，一个是二进制表示的(RGB颜色)。而RGBA颜色归为CSS 阅读全文

posted @ 2013-09-04 15:47 {前端开发} 阅读(1291) 评论(0) 推荐(0) 编辑

2013年8月30日

强大的矢量图形库：Raphael JS 中文帮助文档及教程

摘要： Raphael是一个用于在网页中绘制矢量图形的Javascript库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。您可能感兴趣的相关文章经典的白富美型 jQuery 图片轮播插件2012年最佳 Web 前端开发工具和框架让人爱不释手的13套精美网页图标素材10套精美的免费网站后台管理系统模板精心挑选的优秀 jQuery Ajax 分页插件 Raphaël是跨浏览器的矢量图形库，目前支持的浏览器包括阅读全文

posted @ 2013-08-30 11:22 {前端开发} 阅读(737) 评论(0) 推荐(0) 编辑

2013年8月23日

CSS border三角、圆角图形生成技术简介

摘要：一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS border圆角生成技术。好了，裹脚布的话就不说了，直接进入正题。二、CSS border生成三角技术简介效果抢鲜下图为使用CSS的border属性实现的三角效果：.test{width:0; height:0; border-width:20px 10px; border- 阅读全文

posted @ 2013-08-23 17:56 {前端开发} 阅读(428) 评论(0) 推荐(0) 编辑

2013年8月13日

CSS渐变之CSS3 gradient在Firefox3.6下的使用

摘要：一、引子Firefox3.6包含了许多CSS的改进，本文将向您展示如果使用CSS渐变。如果你正在运行的Firefox 3.6的最新测试版，你应该看看我们的互动演示，并查看相应的代码。使用单选按钮来切换不同的样式选项。二、含CSS渐变的背景(backgrounds)背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用，放大时也比较好看，可以让您创造出一个更灵活的布局。Firefox支持两种类型的CSS渐变：线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)。三、线性渐变(Linea 阅读全文

posted @ 2013-08-13 17:15 {前端开发} 阅读(263) 评论(0) 推荐(0) 编辑

CSS3&HTML5各浏览器支持情况一览表

摘要： http://fmbip.com/CSS3性质(CSS3 Properties)平台MACWIN浏览器CHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERASAFARIIE版本53.610.1443.631010.54678RGBAYYYYYYYYYYNNNHSLAYYYYYYYYYYNNNMultiple BackgroundsYYNYYYNNYYNNNBorder ImageYYNYYYNNYYNNNBorder RadiusYYNYYYYNYYNNNBox ShadowYYNYYYNNYYNNNOpacityYYYYYYYYYYNNNCSS Animatio 阅读全文

posted @ 2013-08-13 16:39 {前端开发} 阅读(506) 评论(0) 推荐(0) 编辑

纯CSS实现各类气球泡泡对话框效果

摘要：一、关于纯CSS实现气泡对话框首先，来张大图：上边这张黄黄的，大大的，圆圆的，有个小尾巴，文字内容有些YY的图片，就是使用纯CSS实现的气泡对话框效果，一点图片都没有哦。看到这里，你是不是跟我一样，有些惊叹CSS的潜力呢。关于这张图片，暂时先放到一边，下面我要讲一些与主旨相关的比较重要的，同时又很实用的一些技术。我们首先看下面这一张图片（截自人人网）：可能颜色有点淡，在左上角有个90度的尖角，于是整个形成了一个气泡对话框。现在考考你，如果你来实现这个效果，你会怎么做？//zxx:假设你已经思考了一会儿｡◕‿◕｡我想，如果您没有看本文标题，可能就想到的是做个90度等腰三角形小图片；就算您知道可以阅读全文

posted @ 2013-08-13 15:57 {前端开发} 阅读(1392) 评论(0) 推荐(0) 编辑

2013年8月12日

CSS3 transition实现超酷图片墙动画效果

摘要：一、前面的感慨以前也陆陆续续试过CSS3的一些特性，文字投影，多边框等。但都是试试而已，知道有这么回事。今天，见到了一个新玩意，transition，认认真真的试了一下，经过，我懵了，我呆了，我傻了，半天说不出话来，这…这…unbelievable，amazing，太神奇了，太不可思议了，几行简单的CSS，如此炫酷的动画效果，flash都不及的动画效果，我真是难以表达我的心情。我们可以先看一段下面我录制的视频（Safari4浏览器，时长11秒），看看使用transition实现的效果。下面由浅入深，使用纯CSS，一步一步实现图片墙动画效果。这里，必须要先说明一下：对于对于此transition 阅读全文

posted @ 2013-08-12 15:55 {前端开发} 阅读(1050) 评论(0) 推荐(0) 编辑

CSS工具之CSS重置(CSS Reset)

摘要： css代码：/* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, 阅读全文

posted @ 2013-08-12 14:13 {前端开发} 阅读(331) 评论(0) 推荐(0) 编辑

checkbox复选框的一些深入研究与理解

摘要：一、一开始的唠叨最近忙于开发，自淫于项目的一步步完工，心浮躁了。舍近而求远，兵家之大忌。我是不是应该着眼于眼前的东西，好好的静下心来，超过一般人的沉静与沉浸，研究最基本的东西呢？这番思考，让我找到了一些方向。对于checkbox，从我开始接触HTML开始，陆陆续续也研究过好多次，然而多是零星的知识点的累加，或是掌握了些表象的东西，是否深入核心，是否深入其本质，是否有了完善的总结，是否融入自己的世界观，都没有，而我今天要做的工作就是把过去的那些积累好好的精心的整理出来，加上自己的思考，加上自己的理解，展示出来。提前的说明：本文checkbox的讲解不针对Safari浏览器，或仅是一带而过，Saf 阅读全文

posted @ 2013-08-12 11:52 {前端开发} 阅读(1255) 评论(0) 推荐(0) 编辑

IE下css bug集合-翻译自haslayout.net

摘要：概述IE浏览器以不支持大量的css 属性出名，同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题，实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类，仍有许多bug可以分在好几个部分之下，这种情况下，我将会将此bug分在普通bug这一部分。统计目前为止。本站点包含46个”普通bug”教程，5个”haslayout bug”教程，6个”不支持的方法”教程，一个“冲突bug”教程。总共58个教程，70个解决方法。最近的教程发布于2009年8月19日 15:38:47 星期三站点包含44个IE6 bug，28个IE7 bug以及19个IE8 bug。阅读全文

posted @ 2013-08-12 11:49 {前端开发} 阅读(194) 评论(0) 推荐(0) 编辑

使用字符代替圆角尖角研究

摘要：一、字体与字符显示的关系这里左右方向的尖角，字体为宋体：不受字体影响型：＜＞这里左右方向的尖角，字体为Arial：不受字体影响型：＜＞这里左右方向的尖角，字体为Lucida Sans Unicode：不受字体影响型：＜＞这里左右方向的尖角，字体为Times New Roman：不受字体影响型：＜＞这里左右方向的尖角，字体为Verdana：不受字体影响型：＜＞这里上下方向的尖角，字体为宋体，小尖角：ˇ^不受字体影响型：∧∨这里上下方向的尖角，字体为Arial，小尖角：ˇ^不受字体影响型：∧∨这里上下方向的尖角，字体为Lucida Sans Unicode，小尖角：ˇ^不受字体影响型：∧∨这里上下阅读全文

posted @ 2013-08-12 11:15 {前端开发} 阅读(284) 评论(0) 推荐(0) 编辑

对html与body的一些研究与理解

摘要：一、写在前面的最近一直构思着写篇关于html标签的文章，虽说之前处理过html标签，也解决过不少棘手的问题，但是对其理解还不是很透彻，很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息，发现深入探讨html，与body的文章很少，只有在蓝色理想看到一篇“一叶千鸟”的这篇“正确认识html与body”有点价值，其余都没有什么相关的好文章。而这里，我要讲述的与上面的交集并不多，只要是讲述一些关于html与body的各种表现，以及我自己对这些表现的合理的解释和并提供一些过去处理类似问题的经验，希望对大家能够有所帮助。二、关于html与body的一些表现1.背景色一般情况下，我们css控制阅读全文

posted @ 2013-08-12 10:54 {前端开发} 阅读(457) 评论(0) 推荐(0) 编辑

前端开发

公告