caibinghong
- 浏览: 150097 次
- 性别:
- 来自: 福建
-
最新评论
-
caibinghong：
Ahua772 写道非常好，谢谢了，但是运行的图片怎么没有加载 ...
用于WebKit的CSS诀窍 -
Ahua772：
非常好，谢谢了，但是运行的图片怎么没有加载出来呢
用于WebKit的CSS诀窍 -
caibinghong：
呃是一个方法，现在改过来了，当时考的时候没有改！现在最底层是i ...
关于innerHTML 赋值问题 -
jayrao5566：
js的正确写法不是 .innerHTML = '<op ...
关于innerHTML 赋值问题 -
caibinghong：
在JQ与EXT里都解决的挺好的。http://caibingh ...
关于innerHTML 赋值问题
文章列表
HTML5开发的翻页效果
- 博客分类：
- HTML5开发
http://www.html5china.com/course/20111012_2244.html
HTML5开发的翻页效果
简介 2010年F-i.com和Google Chrome团队合力致力于主题为《20 Things I Learned about Browsers and theWeb》( www.20thingsilearned.com )的web app的宣传教育。这个项目最主要的思想是在传达，用web展现电子书的…
简介2010年F-i.com和Google Chrome团队合力致力于主题为《20 Things I Learned about Brow ...
iScroll框架解析（翻译）http://cubiq.org/dropbox/iscroll4/examples/simple/
概要
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是，这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。
然而，Android系统最新修订版已经可以支持这种功能了（尽 ...
function replacehtml()
{
var str="";//注入字段
function setStr()
{
this.str=arguments[0];
}
function getStr()
{
return this.str;
}
//自定义html替换
function replace()
{
if(arguments. ...
主流浏览器CSS3和HTML5兼容性详细清单
- 博客分类：
- CSS样式
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。
当然，即使标准正式制定了，现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，需要对各个浏览器对这两种新技术的支持情况有一个全面了解。
findmebyip.com给出了一份IE，Chrome，Firefox， Safari，Opera五大 ...
css3 写了个种纸张贴纸效果
- 博客分类：
- CSS样式
样式代码：
*{margin: 0;padding:0;}
body {margin: 0; padding: 20px 100px;background-color: #f4f4f4;}
pre{max-height:200px;overflow:auto;}
div.demo {overflow:auto;}
.box {
width: 300px;
min-height: 300px;
margin: 30px;
...
http://www.blueidea.com/tech/web/2006/3791.asp
怎么用javascript进行拖拽
本文译自：http://www.webreference.com/programming/javascript/mk/column2/index.html所有版权归原文所有
Javascript的特点是dom的处理与网页效果，大多数情况我们只用到了这个语言的最简单的功能，比如制作图片轮播/网页的tab等等，这篇文章将向你展示如何在自己的网页上制作拖拽．
有很多理由让你的网站加入拖拽功能，最简单的一个是数据重组．例如：你有一个序列的内容让用户排序，用户 ...
1. 一个完整的基本页面
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="http:// ...
在之前的文章jQuery Mobile 入门教程里，我对jQueryMobile的使用进行了入门介绍，你可以使用它创造出非常华丽的移动站点——漂亮的按钮、优雅的界面等等等等。
然而仅仅是这样的话，你的需求肯定不会被满足的——你或许需要给header换个颜色来配合自己公司的logo？又或者需要突出显示一下某个静音按钮？总而言之，你需要自己控制jQueryMobile的显示效果。本文旨在介绍教大家如何在jQueryMobile构建的站点中控制主题显示的效果。
jQueryMobile的主题（theme）和调板（swatches）
很显然，jQueryMobile是用CSS来控制在屏幕中的显 ...
1、JQM 案例展示：http://www.jqmgallery.com/
2、JQM 滚动条插件Site: http://cubiq.org/iscrollDemo: http://cubiq.org/dropbox/iscroll4/examples/simple/
3、JQM 弹出插件Site：http://dev.jtsage.com/jQM-SimpleDialog/
4、开源移动设备检测脚本Site：http://detectmobilebrowser.com/
5、JQM日期插件Site：http://dev.jtsage.com/jQM-DateBox/Site： ...
指尖下的js —— 多触式web前端开发之三：处理复杂手势
这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调：
指尖下的js ——多触式web前端开发之二：处理简单手势
这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手 ...
水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰 ...
使用在WebKit中可用的CSS高级特性，可以为你的网站或网络应用带来一个新的更令人兴奋的东西。
WebKit是Safari和Google Chrome浏览器的渲染引擎。所以，本文中的诀窍在Safari3/4和Chrome1.0/2.0中都是支持的。
因为浏览器会简单的无视他们不支持的CSS属性，所以在其他浏览器中，这些诀窍中的大部分可能会无效。使用只有WebKit支持的CSS属性的网页在基于WebKit的浏览器中会有非常出色的视觉效果和体验，并且在其他浏览器中也可能会有某些效果——至少不会有负面的影响。
注意: 你在本文中看到的-webkit前缀是一个浏览器生产商通常使用的一 ...
webkit webApp 开发技术要点总结
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;
实际上我们可以操作的属性有4 个：
前天做一个 像百度的搜索那个样子有下拉的组件。遇上这么一个问题。当方向盘向下按时找到对应的词在按回车进行搜索，在谷歌下却没有触发我的事件
例如：
function evtClick(e){
alert('click me!');
}
window.onload = function (){
var btn=document.getElementById('btn');
btn.click();/*(1)*/
}
<a id="btn" onclick="evtClick(event)&quo ...