jQing - 博客园

成也Titanium,败也Titanium之pros

摘要：转自:http://www.189works.com/article-101735-1.html随着Titanium不断的发展，开发者们纷纷加入到这个队伍中来。很多人在开始的时候都对这种混合应用开发还存在这一定的犹豫，我为什么选择它？它是否能够满足我的需求，实现我的预期目标？我使用它是否能发挥出它自身的特长？等等很多人喜欢把Titanium和PhoneGap搁在一起去比较，本文的目的不是这个，如果你想知道他们的区别，“百度一下你就知道”。首先，Titanium是什么？Titanium是Appcelerator公司提供的一个开源的开发平台，它允许我们使用WEB开发技术，如：Javascript、阅读全文

posted @ 2012-12-15 15:54 jQing 阅读(286) 评论(0) 推荐(0)

android 2.3 webView select控件无法及时显示optionLabel的BUG

摘要：使用 -webkit-appearance 修改select的外形时，在2.3系统中遇到了问题，每次选择option项时会随机出现其值已更新，但标签显示内容不更新的问题，也许是2.3 webview 视图渲染的bug。解决方法如下：创建一个span元素，并定义指定样式，将select的样式设置为-webkit-appearance:none;position:absolute;top:0;left:0;z-index:99;color:#FFF;border:none;此时select已定位在span上方，下面为重点，将select的opacity设置为0（PS：display:none与op 阅读全文

posted @ 2012-12-12 15:52 jQing 阅读(736) 评论(0) 推荐(0)

您可能不知道的CSS元素隐藏“失效”以其妙用

摘要： byzhangxinxufromhttp://www.zhangxinxu.com转自：http://www.zhangxinxu.com/wordpress/?p=2191一、CSS元素隐藏在CSS中，让元素隐藏（指屏幕范围内肉眼不可见）的方法很多，有的占据空间，有的不占据空间；有的可以响应点击，有的不能响应点击。后宫选秀——一个一个看。 1 { display: none; /* 不占据空间，无法点击 */ } 2 { visibility: hidden; /* 占据空间，无法点击 */ } 3 { position: absolute; top: -999em; /* 不占据空间，无法阅读全文

posted @ 2012-12-12 13:36 jQing 阅读(292) 评论(0) 推荐(0)

沉得住气

摘要：转自:http://blog.cersp.com/index/article/view/7910209.jspx?blogUserId=1093022 小时候，父母经常告诉我们这样一句话：“稳着不少打粮食”。意思是说：遇事要沉着沉稳，不慌张；做事不要急躁，不要急于求成，慢慢来；遇到不顺心不如意的人或事，要压住心中的火。我想也就是要沉得住气。如今，已过而立之年，仔细品味父母这句话，更觉得这句话对一个人成长，做人做事，品质修养都有着重要的意义。在这个社会、经济转型的时代，人心浮躁，急于求成，人在流浪，心在漂泊，或者“身在曹营心在汉”，躯体在那里，灵魂早已出壳，缺乏耐心和恒心，看似忙忙碌碌，到头来却阅读全文

posted @ 2012-12-10 11:49 jQing 阅读(279) 评论(0) 推荐(0)

:before和::before的区别

摘要：转自:http://wchlt.blog.163.com/blog/static/2196057201111234012201/在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述：A pseudo-element is made of two colons (::) followed by the name of the pseudo 阅读全文

posted @ 2012-12-10 10:37 jQing 阅读(214) 评论(0) 推荐(0)

css3 Transition

摘要：在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera 10+、IE9+ 一、旋转： CSS中使用rotate方法来实现对元素的旋转，在参数中加入角度值，旋转方式为顺时针旋转。例一：一个黄色的div元素，通过在样式代码中使用“transform: rotate(45deg)”，... 阅读全文

posted @ 2012-12-05 10:00 jQing 阅读(326) 评论(0) 推荐(0)

[转]<select>在chrome浏览器下背景透明问题

摘要：转自:http://blog.csdn.net/teresa502/article/details/7784777在chrome浏览器下遇到了跟ie、ff不一样的透明效果，下面重现一下：在一个大的div(背景红色)内放置一个select元素（背景透明）。在线查看（可在不同浏览器中查看效果）<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns=" 阅读全文

posted @ 2012-12-02 16:53 jQing 阅读(249) 评论(0) 推荐(0)

CSS3 下select下拉列表样式的修改

摘要：都知道页面中如果不给select添加样式的话，就会是系统默认的样式，如下图，很丑吧！而狠多时候我们都希望对select的样式进行修改，以使得它能够更加美观一点，在css2.0下面我们除了设置一些基本的样式之外，是没有办法把select变的更好看的，尤其是那个很丑的下拉箭头我是没有正常的办法把它隐藏掉的。总结了一下，更改select样式有如下几种方法：（1）如果只是为了去掉select的下拉箭头的话，可以用css样式clip:rect(xxxx)来吧select的下拉箭头部分直接截取掉。但是这种方法存在的问题就是，如果设置了select的border的话，截取就会把border也截去，很是不美观阅读全文

posted @ 2012-12-02 16:50 jQing 阅读(1622) 评论(0) 推荐(0)

Javascript输入汉字自动转换为首字母的拼音码

摘要： <script language="javascript" type="text/javascript"> function getPYCode(str) { var result = ""; for (var i = 0; i < str.length; i++) { result += getPY(str.charAt(i).toString()) } document.getElementById("lblResult").innerHTML = result}function getPY( 阅读全文

posted @ 2012-12-01 15:00 jQing 阅读(1408) 评论(0) 推荐(0)

position:absolute与overflow:hidden，解决子元素设置position:absolute后父元素 overflow:hidden无效的问题

摘要：讨论内容来自:http://bbs.blueidea.com/thread-2925174-1-1.html绝对定位的对象不是脱离文档流的么，为什么还是会受其父层的overflow:hidden的影响呢?谁知知晓原理并有完美解决方案?运行下面的代码，因为父容器没有设置position:relative|absolute|fixed ，所以overflow是不能生效的 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD 阅读全文

posted @ 2012-11-14 23:36 jQing 阅读(3970) 评论(0) 推荐(0)