06 2009 档案
摘要: 引入JS和CSS[代码]菜单条的HTML定义[代码]调用[代码]参数说明[代码]方法[代码]演示下载阅读全文
摘要: 继微软、谷歌等大公司推出手机同步软件后，腾迅也推出了手机同步软件微软同步说明点这里Google同步点这里腾讯在近期低调内测了一款名为“QQ同步助手”的手机内容备份软件，可以方便的将手机中的有效信息备份在本地存储卡或者网络上。近日，腾讯公司内测了一款名为“QQ同步助手”软件，手机用户可以下载安装该软件到手机，免费、快速、安全、便捷的实现手机名片、手机短...阅读全文
摘要: 示例代码 [www.52css.com] [代码] 格式化后：[代码] Styleneat.com提供三种使用方式： 1、直接粘贴CSS代码。 2、上传一个CSS文件。 3、提供CSS文件的URL地址。 另外Styleneat还提供一些选项，如按照CSS选择的字母顺序排列，单行格式或者多行格式等。Styleneat在CSS优化方面还是提供了比较多的帮助。地址: http://style...阅读全文
摘要: Google Docs Download是Firefox 的 Greasemonkey 脚本，用来下载 Google Docs 文档，配合 DownThemAll 扩展，可实现批量下载 。今天和 Google Docs 干上了，Google Docs Download 与 GDocBackup 不同之处在于，可选择性的进行下载，也可指定下载格式。安装 Google Docs Download 脚本...阅读全文
摘要: GDocBackup 用来备份保存于 Google Docs 的文档，统一备份，方便快速。需要 .NET 2.0 支持GDocBackup 在使用前需要设置用户名及备份目录，并且可选导出格式文档可导出 doc，odt，png，rtf，txt，pdf 格式表格可导出 xls，csv，ods，tsv，pdf幻灯片可导出 ppt，pdf 设置后点击 GDocBackup 主页面的 Exec 按钮，按提示...阅读全文
摘要: Google 采用的方法 - position,left,top先看原图HTML代码[代码]CSS中id=logo的样式父元素采用相对定位方式，定义了宽度和高度，使用overflow:hidden来隐藏溢出部分；而img元素则采取绝对定位方式，使用left和top进行图片定位结果Google 背景法:background-position先看原图HTML代码[代码]结果最大化最小化总结CSSSpr...阅读全文
摘要: 上回介绍了免费网络同步工具Dropbox，很好用很牛B但是有一个缺点，他只同步一个文件夹，而且名字必须是My Dropbox所有要同步的文件必须放在此文件夹下，有的时候就有点不方便，我的文件散落在硬盘各处SyncPlictity则支持多文件夹的同步，其初始免费空间为2G，最大可到6GSyncPlictity 不但支持WINDOWS而且支持IPHONE及MAC及网络工具访问文件当然，使用iPhone...阅读全文
摘要: jQuery Media 支持以下文件的播放[代码]其调用 mediaplayer.swf 插放swf,mp3,flv （可以人工指定其他），调用系统对象对其他文件进行播放调用[代码]选项[代码]演示一 音乐演示二 视频下载点这里阅读全文
摘要: jgCharts并不是一个独立插件实际他封装的是Google Charts，让Google Charts的调用变得更简便，更“jquery”化调用实例：[代码]显示结果api.make的选项data : [[153, 60, 52], [113, 70, 60], [120, 80, 40]] - 二维数组size : '400x400'//default 300x200 ...阅读全文
摘要: 一个HTML5范本[代码]一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可：[代码]在 IE 中，为了更方便使用HTML5元素，我们可以引入这样的脚本：[代码]JS下载http://remysharp.com/downloads/html5.jsJS应用<!--[if IE]><script src="html5.js"...阅读全文
摘要: 上回介绍了使用XML DOM操作XML 地址在这[代码]这次介绍使用jQuery固有方法操作XML[代码]XML(data.xml)文件范例[代码]jQuery取第二张图片的URL[代码]当然，直接打开文件是无效，你必须使用http://localhost/xx的形式访问还是省地市联动例子（速度要比DOM直接处理慢一些）[代码]下载点这里阅读全文
摘要: XMLDOM能很好的处理XML文档，但是IE和Firefox等浏览器存在相当大的差异，此类综合了处理方法，使之兼容于各浏览器阅读全文
摘要: 需求说明：连续循环播放速度可配置可自动播放，也可手动操作图片加载错误时，出现默认设定的图片图片变形动画速度可配置解决IE6Select 框在层上显示的BUG支持键盘操作图片高度和宽度的最大值可配置采用的是JSON数据格式：var testData =[{ imageSrc:"images/1.jpg", title:"第一张图", remark:"第一张图的描述" },{ imageSr...阅读全文
摘要: 1.浮点运算这可能是挫败一些对javascript不熟悉并准备执行一些数学运算的人的主要原因.[代码] Math.round()就能在这里派上用场.2.加号操作符的重载"+"加号运算符即能做算术运算,又能够做字符串的连接.如果正确的使用它是很便利的.让我们看一看.[代码]上述行为是因为这些运算都是从左到右执行的.类型的转换是基于其中的字符串或数字.3.行尾插入分号javascript 自动在行尾插...阅读全文
摘要: 在处理css的机制上，IE总是有很多让人吐血的举动，但对于他们现在的改进力度还是值得高兴的。就拿对伪类:hover的支持来说，IE7+终于添加了对a以外其它标签的支持。对于这样的改进，当然是要拍手称快的，但在IE6下，:hover就连对a的支持都不是那么的尽如人意。下面就是我想简单说的一个关于:hover在IE6及更早浏览器下的问题。很多人可能都已经知道了:hover在IE6及更早浏览器（以下称I...阅读全文
摘要: Opera Unite 的确颠覆了传统互联网的 “客户端-服务器” 计算模式，启用 Opera Unite 后，每台电脑都会得到一个唯一的 unite 协议地址，你的电脑也从此刻开始成为服务器，你可以分享文件，分享视频、音乐、照片，建立自己的留言板，自己的聊天室，甚至直接开设自己的服务器。从此电脑之间可以直接通过网络进行点对点互动和信息共享，再也不需要通过第三方服务器中转。阅读全文
摘要: 在线演示： http://fdszlzl.web.dns12580.com/mblog.php[代码]阅读全文
摘要: 模式怪癖模式（Quirks Mode） 怪癖模式中，为了避免“破坏”那些根据盛行于20世纪90年代末的旧时实践创作的页面，浏览器违背了当代的Web格式规范。不同的浏览器实现了不同的怪癖行为。Internet Explorer6、7和8中，怪癖模式有效地冻结在IE5.5 。其他浏览器中，怪癖模式是对几乎标准模式的少量偏移。 如果正在创作新网页，你应该符合相关的规范（特别是CS...阅读全文
摘要: HtmlDocEdit ，所见即所得的微型 HTML 编辑器，NirSoft 出品。 之前介绍 FileTypesMan 时，发现了一个所见即所得的 HTML 编辑器，是我所见最简单的 HTML 编辑器，当前最新版 1.02 。离线的程序，不是在线编辑的玩意；相当绿的绿色软件，自身的配置也是写入主程序所在文件夹的 .cfg 文件；超级易用，写个网页就像写博客或做文档，完全不需要对HTML脚本语言有...阅读全文
摘要: WordPress 2.8推出了,对WordPress第三方开发人员来说，一些更新尤其值得称赞，下面是Keith Dsouza收集的几个WordPress 2.8技巧。WordPress Codex – Version 2.8WordPress官方网站对2.8版本的详细更新和新特性介绍。Custom Taxonomies in WordPress 2.8 – Justin ...阅读全文
摘要: 类似于网易邮箱的多选择UI引用<script src="jquery.js"></script><script src="jquery.mfiles.js"></script>调用<script>$(function(){ $.mfiles({ form:$("form[name='form1']"), //表单的jquery对象 out...阅读全文
摘要: css的框架设计能帮我们快速有效的建立高质量的页面，也有助于代码的规范性，当然每一个框架都是建立在无数前人努力的基础上的，下面就推荐一个css框架——the Blueprint CSS Framework阅读全文
摘要: CSS 框架二月二十一日升级到 0.7.1 版本了。经过这么长时间的这几次版本升级，终于把按功能不同 CSS 规则在不同的 CSS 文件中的模式改为单一文件的模式了，所以感觉 Blueprint CSS 框架现在是一个可以用到实际项目中的 CSS 框架了。阅读全文
摘要: 使用说明 PHP V5.2 为开发人员添加了 hook 以利用实时跟踪文件上传进度的功能。 如果安装并配置了正确的库，则 PHP V5.2 中的新 “hook” 实际上是在文件传输过程中可获得的数据点。这些新 hook 将使用一种称为 Alternative PHP Cache 的功能。当 PHP 脚本收到一个上传文件时，解释程序将自动检查 $_POST array 以查找...阅读全文
摘要: PECL扩展模块 uploadprogress 下载 （http://pecl.php.net/package/uploadprogress）php.ini里面设置 uploadprogress.file.filename_template = “/tmp/upd_%s.txt”代码范例： if($_SERVER['REQUEST_METHOD']=='POST') {if...阅读全文
摘要: FancyUpload，其官方网址是：http://digitarald.de/project/fancyupload/应用部署文件夹fancyupload中的文件就是该组件所需要到的所有文件了，包括四个JS、二个图片、一个swf文件，另外还包含一个简单的测试html页面引入JS文件在页面上依次引入mootools-release-1.11.js、Swiff.Base.js、Swiff.Uploa...阅读全文
摘要: 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开发人...阅读全文
摘要: 代码:[代码]示例:我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志我的同志阅读全文