摘要:
Google Gears 是一个开源的浏览器插件,它支持用户浏览器能够使用开发者创建的基于 Gears 的离线应用。它提出了一种离线应用的思想,它的三大核心模块将帮助开发者更好地运用这个思想来开发。Gears 技术是基于客户端语言 JavaScript 技术的扩展。本文提供了利用Google Gears 实现上传及访问数据的实例。 阅读全文
摘要:
注:如果没有特殊说明,仅限移动MISC平台 1. 谨慎使用表格. 由于一个页面在显示之前,要根据表格定义画出手机屏幕内容,这部分会简慢页面速度,应该尽量减数表格数量 2.在使用<img >标签时,最好定义图片的宽度和长度,这样在显示整个整个页面前,会按图片长宽预留此图片位置,加快显示其它文字内容 3.部分手机支持CSS 4.部分手机支持页面背景音乐 5.部分手机支持图片上传功能 6.使... 阅读全文
摘要:
结构相关标签---------------------------------------------------------------------<wml>:<wml xml:lang="lang" > content</wml>:<card>:<card id="name" title="label" newcontext="bo... 阅读全文
摘要:
Page Speed此前为Google内部使用,是Google提高搜索引擎速度的重要工具。 网页响应速度是使Google搜索引擎获得成功的重要因素。用户在使用Google搜索引擎时,通常只需几秒钟的时间就可以获得搜索结果。包括Gmail在内,Google其他一些互联网服务的响应速度也非常快。 Google采取了多方面措施来提升网站响应速度。一方面,Google对网页采取了最小化设计,并建设了庞... 阅读全文
摘要:
经常写文档或者写程序代码的朋友肯定经常会遇到相似的文档需要比较一下它们的差异。例如在程序代码升级、备份或修改后,想知道新代码与旧代码到底有哪些地方不同;或者你写了几分文稿,反反复复地修改过好几次,你想找回他们具体的差异,但这时想要用肉眼去对比,一行一行地查看无异于逼自己的脑细胞去自杀。其实,我们大可以利用一些专业的对比软件,比如Beyond Compare;但BC是一款商业软件,需要购买。 Win... 阅读全文
摘要:
总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码:代码<div id="content"><form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"... 阅读全文
摘要:
细节改动新增了一个jQuery.Event对象,他根据w3c文档,做了一个完整的,兼容所有浏览器的一个对象。.closest( selector ) - 找到离这个元素最近的一个父元素。jQuery.fx.off 关闭所有动画新增jQuery.isArraytoggleClass(class[,switch]) 增加switch是否值,如果switch为真则加上该class否则为替换为该class... 阅读全文
摘要:
演示:http://www.ajaxplaza.net/jmodal/jmodal.htm下载:http://code.google.com/p/jmodal/ API:data(Object): the data u'll post to modaldialog.buttonText(String): button text.okEvent(Function): button event.ini... 阅读全文
摘要:
这是一个完整的jquery插件,实际上是基于jquery的suggest插件修改的。具体的功能如下:点击输入框,自动列出热门出行城市;支持中文/拼音/3字码 输入的智能提示;支持键盘方向键选择、回车键确定;支持选择后自定义callback函数;支持IE6、IE7、IE8、Firefox 呃,实际上上面的很多都是原suggest插件中自有的,去掉了其ajax获取数据的功能,因为这延迟稍微有些烦人。演... 阅读全文
摘要:
这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。当然一行代码就解决了兼容问题varmousewheel=document.all?"mousewheel":"DOMMouseScroll";事件属性,IE是event.wheelDelta,Firefox是event.detail 属性的方向值... 阅读全文
摘要:
jquery封装 e.relatedTarget 在mouseover中相当于IE的event.fromElement,在mouseout中相当于IE的event.toElement[代码][代码] 阅读全文
摘要:
调用:$("element").center(); //垂直/水平居中$("element").center({horizontal: false;vertical: false;});演示地址 http://www.alexandremagno.net/jquery/plugins/center/下载地址 http://jquerydevbrazil.googlecode.com/svn/tru... 阅读全文
摘要:
bgiframe 插件用来轻松解决 IE6 z-index 的问题,如果网页上有浮动区块和下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住,无论怎么调整 z-index 都是没用的,而用 bgiframe 就可以轻松解决这个问题。使用方法:$(document).ready(function(){ $('#floatingBox').bgiframe(); }); 下载官方地址:htt... 阅读全文
摘要:
代码<script src="/examples/jsLib/jquery-1.2.3.min.js" type="text/javascript"></script><script type="text/javascript" src="jQuery.equalHeights.js"></script><script type="text/j... 阅读全文
摘要:
Flash10 之后 _clipboard.swf 失效了,因为flash10中规定了只有在swf上进行了实际的操作(比如鼠标点击)才能启动剪切板。 Zero Clipboard ,它包含一个flash影片和一个JavaScript接口,这个flash是透明的(不是隐藏),用户不会察觉到它的存在。这个flash覆盖在一个DOM元素上,比如button,div之类,当点击这个DOM时,你实际点击的是... 阅读全文
摘要:
swfobject是显示flash的旗舰js而jQuery是优秀js的框架现在终于有人结合这两者了工程地址http://jquery.thewikies.com/swfobject/源码下载http://jquery.thewikies.com/swfobject/jquery.swfobject.js简单示例[代码] 阅读全文
摘要:
当在一个textarea标签中键入一个回车时,实际上会插入2个符号:\n\r \n 回车符 \r 换行符如果用text()获取textarea中的值,那么存入数据库的数据就只会有\r 如果用var()获取textarea中的值,那么存入数据库的数据就只会有\n 这样的区别就是,在IE下,你如果是读取用text()存入的数据在展示在textarea中,那么数据的换行是正常的。而读取用var()存入的... 阅读全文
摘要:
下载: http://www.oakcitygraphics.com/jquery/jqURL/jquery.jqURL.js演示页面:http://www.oakcitygraphics.com/jquery/jqURL/jqURLdemo.html方法介绍:假设当前页URL为 "http://www.mysite.com?var1=1&var2=2&var3=3"Method ... 阅读全文
摘要:
Google 花费了大量的时间来使网络应用变得更快,调用js脚本是我们经常要用到的功能之一,过多的脚本调用经常会使网页变慢。Google似乎试图来解决这个问题,使大家在使用Javascript框架的时候能够更快速和简单,为此,Google最新提供了一个名为 Ajax Libraries API的东西。Ajax Libraries API的理念很简单:把Javascript运行在Google的服务器... 阅读全文
摘要:
XPath简介 XPath是W3C的一个标准。它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计。目前有XPath1.0和XPath2.0两个版本。其中Xpath1.0是1999年成为W3C标准,而XPath2.0标准的确立是在2007年。W3C关于XPath的英文详细文档请见:http://www.w3.org/TR/xpath20/ 。 XPath是一种表达式语言,它的... 阅读全文
摘要:
工程官网:http://logicbox.net/jquery/simplyscroll/工程下载:http://simplyscroll.googlecode.com/files/jquery.simplyscroll-1.0.3.zipHTML<ul id="scroller"><li><img src="image1.jpg" width="290" heigh... 阅读全文
摘要:
这是文字滚动插件,自动滚动,向上滚动,向下滚动功能;调用方法$(document).ready(function(){ $("#scrollDiv").textSlider({ line:4, speed:500, timer:3000 }); });其中:line:滚动几行;speed:滚动速度;timer:自动滚动间隔;演示地址:http://www.css88.com/demo/... 阅读全文
摘要:
Google 图表 API 使您可以动态生成图表。要查看图表 API 的运行情况,请打开浏览器窗口,并将以下网址复制到其中:http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World按下 Enter 键或回车键,即刻您就会看到以下图片:Google 图表 API 网址必须... 阅读全文
摘要:
工程官网:http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/代码下载:http://sites.google.com/site/fdszlzlin/Home/jquery-1/jquery-chats/fgCharting.jQuery.rar?attredirects=0数据TA... 阅读全文
摘要:
nobr元素 代码<html><head></head><body><div><nobr>不换行不换行<nobr></div></body></html> nowrap元素代码<html><head></head><body><... 阅读全文
摘要:
这个效果的实现重点在于我在无意中发现了IE下的一个bug,这个bug在特定环境会导致按钮或链接点击时失去虚线。其它浏览器就比较简单,支持CSS2的浏览器可以通过设置outline解决,FF的button标签通过私有属性特别处理,DEMO在多个主流浏览器测试通过。[代码]结果确定取消 确定取消 阅读全文
摘要:
工程官网 http://code.google.com/p/ie7-js/下载地址 http://code.google.com/p/ie7-js/downloads/listie7.js用法 - 强制将IE7以下的浏览器兼容方案提升至7<!--[if lt IE 7]><script src="http://ie7-js.googlecode.com/svn/version/2... 阅读全文
摘要:
Firefox的日志记录(Logging in Firefox)通过Console的记录方法,我们可以不再使用烦人的alert或者document.write方法来进行调试。Firebug提供了五种日志的类型:console.log:记录一行信息,无任何图标提示;console.debug:记录一行信息,带超链接,可以链接到语句调用的地方;console.error():向控制台中写入错误信息,带... 阅读全文
摘要:
<link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没有结束标签。在 XHTML 中,<link> 标签必须被正确的关闭。除了HTML的标准通用属性之外,link元素还包括很多可选属性: charset, href, ... 阅读全文
摘要:
Blueprint 是一个 CSS 框架,它可以让你用很整洁的代码来将页面划分成很复杂的网格结构(grid)。Blueprint 并没有提供一个可视化的工具来让你生成网格结构的 CSS 代码。而 Boks 的出现,正好弥补了 Blueprint 没有提供可视化工具的缺憾。在主界面的格子上拖拽,就可以轻松画出你想要的布局。在下面的面板里,都可以为每一个 DIV 设置 ID,Class 和 HTML ... 阅读全文
摘要:
IE8正式版发布以来,一直在找一种区别IE8正式版的方法.在百度搜索"IE8hack"有19万多个结果,google搜索则有243万多个结果,但几乎没有看到任何一种有效的方法是针对IE8正式版的,要知道IE8正式版和测试版在hack上是有很大区别的.而且网络上的方法几乎都是出自一两个人之手,最有名的可能要数那张linxz.cn的hack图片了,这张图片估计被国内的网友转载了几十万次,但目前这张图里... 阅读全文
摘要:
最简化常用的reset* { padding: 0; margin: 0; border: 0; } YUI Reset CSSbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { bor... 阅读全文
摘要:
很多朋友梦寐以求的功能呀——JavaScript脚本调试。一直摆脱不掉FireFox,就是因为Firebug实在太好用。虽然 利用VS这样航母级的软件也能进行JavaScript脚本的调试 。但是,很多前台开发人员并不会为了一个JavaScript调试功能而去安装那种大家伙。所以对JavaScript的调试,IE的用户一直耿耿于怀。但是,现在终于可以平息了。因为IE8开发人... 阅读全文
摘要:
代码:[代码]示例:我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志 阅读全文
摘要:
1、普通地址转换为迅雷地址 在原地址前面加"AA",后面加"ZZ"(注:不包括引号),地址变为 AAhttp://p2s.newhua.com/down/wrar371sc.exeZZ 此地址base64编码为 QUFodHRwOi8vcDJzLm5ld2h1YS5jb20vZG93bi93cmFyMzcxc2MuZXhlWlo= 迅雷专链即在上地址前加thunder://,即 thu... 阅读全文
摘要:
1.使用简写 如果你现在还对简写一点都不了解,那你就又写落伍了,不过幸好,学起来并不是很难。使用简写是一种让代码减少的最简单方法。没有比现在更适合实践代码简写的时候了,还等什么,一起来看看吧。Margin、border、padding、background、font、list-style和outline 都是可以进行简写的属性。CSS简写就是不再使用不同的相类似属性的声明…p { ma... 阅读全文
摘要:
<wbr><wbr>标签是一个难以相信的不出名的标签。坦率的讲,我也很怀疑你们会接触到这个标签, 因为它几乎从来没有用到。事实上,这个标签算是一个软断行,允许你在某一行内指定一个断行点,表明在该点处可以断行,但是不是一定会断行,仅仅是在有需要断行的时候才会断行。如果你想避免出现水平滚动条,那么使用这个标签是很棒的。代码<div style="width:200px;b... 阅读全文
摘要:
程序是exe文件,直接下载到本地,可以直接在Windows 同时运行各种主流浏览器而无需安装它们。 Xenocode Browser Sandbox的工作原理是基于虚拟机技术,程序运行过程不会对本机进行不良操作,是一个很好的测试平台。而且支持的浏览器类型有 IE6,IE7,IE8,Firefox2,Firefox3,Apple Safari,Opera 和 Google Chrome。一口气全下载... 阅读全文
摘要:
Expression Web SuperPreview 目前已有的、以及将推出的功能,概要如下:目前的 Expression Web SuperPreview 允许用户对比他们的站点在 IE 6 与 IE 7, IE 8 中的外观,而在将来的完整版中,还将支持 Firefox, Safari, Google Chrome(可能)以及更多浏览器; 支持所有的页面可以在不同浏览器大小(分辨率)下渲染,... 阅读全文
摘要:
[推荐(也是我在使用的)] Xenocode Browser Sandbox沙盘,真正的完美测试工具官方下载地址 http://www.xenocode.com/browsers/本站下载 ie6 ie7 ie8 firefox3 firefox2 chrome opera safari 使用SuperPreview目前的 Expression Web SuperPreview 允许用户对比他们的... 阅读全文