随笔分类 - DHTML & Javascript
摘要：自动计算内容宽度（不是字数）截断，并加上省略号，内容不受中英文或符号限制。
如果根据字数来计算的话，因为不同字符的宽度并不相同，比如l和W，特别是中英文，最终内容宽度会有很大的差异。
阅读全文
摘要：上一篇：jquery代码链实现延时执行代码的较优雅办法介绍了使用jquery的动画接口实现定时、延时执行代码的链式编写方法，补充几点注意事项： $(function(){ var $inputs = $('input[type=button]') .delay(500) .queue(functio
阅读全文
摘要：最近又写代码啦，感觉挺好。ok，一个页面，说要玩自定义，懒得让美工一套一套模版设计了，直接让用户自己调颜色了。搜了下，发现jquery miniColors效果不错。然后又想让用户选好背景再选前景比较烦，可能配出来又比较丑，那就自动根据用户选的背景色匹配一个同色系前景色吧。如果直接rgb来算，比较麻烦，但是颜色有另一种表示方法：HSL，最三个参数L是亮度，如果用户选的是个暗色，那把L调高就可以得到一个可以反衫的亮色，如果用户选的是个亮色，那把L调低就可以得到一个暗色来对比。基于这个思路，找一个HSL<->RGB的算法很容易，比如http://mjijackson.com/2008/
阅读全文
摘要：在网上瞄到篇文章关于 jQuery 中的事件延时执行，作者讲的这个菜单问题，之前写一个菜单控件时处理过，有印象。这不是要说的重点，重点是，在jquery代码中，要实现延时执行一段代码，可以有更“jquery style”的写法，比直接用window.setTimeout/window.setInterval这种“江南style”要优雅一点点，即可利用jquery的功能避免延时后执行环境变化带来的问题（需做闭包处理），又可保持jquery链。这种方法就是使用animate()函数及它支持的callback功能。动画有两个元素，1是要变化的效果，2是变化的时间跨度，如果变化效果取空，那anima.
阅读全文
摘要：发现jquery的animate在ie9以下会出现使用数值时会挂的bug，用以下代码可以修补这个bug：(function($){//patchjqueryanimationbuginie(<9)$.fn._animate=$.fn.animate;$.fn.animate=function(prop,speed,easing,callback){for(varpinprop){prop[p]=prop[p].toString();}returnthis._animate(prop,speed,easing,callback);}})(jQuery);
阅读全文
摘要：原贴地址：http://itgeeker.com/mathml/readpaper?pid=53这篇文章写得很清晰，所以转过来，格式上做了下编辑。另外，postMessage方式正以意想不到的速度得到各种新浏览器的支持，应予以着重考虑。 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策略在进行多i..
阅读全文
摘要：1. 标签更语义化标签语义化在Web2.0时代已经得到大力推广，不过开发人员仍需要足够的耐心，“曲线救国”是常常需要的，HTML4 如下 表现：HTML 5 将如下表现：2. Web 表单UI更好用比如有下面这样一个表单:在 HTML4 我们需要这样写代码，然后使用 JavaScript 或服务器端的脚本进行验证：而 HTML5 中的required与email属性可以直接...
阅读全文
摘要：Simple Tabs One Two Three 新增的tab会闪烁$('#container').tabs();新增的Tab可关闭 新增的tab点击后不再闪烁 样式有干扰，还是下载自己打开看吧：download新增了闪烁同步和不同步两种实现：download
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 jQuery直接各种动画，常见的被封装成各种方法，如show()/hide()/slideDown()/fadeIn()等等，参见：Effects 最灵活的则属于animate( params, [d...
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 jQuery为AJAX提供了非常丰富的支持，参见Ajax 其中最基本当属$ajax()，通过不同的参数，这个方法可以录活支持各种AJAX应用场景。如： $.ajax({ url: "test.h...
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 jQuery另一个很令人惬意的地方是，一般的代码都是一行一行写，jQuery的代码可以一串一串写。 这一点，在前面的文章中已经介绍过了。 直接来一个Demo: Code highlighti...
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 jQuery对事件的支持主要包括： bind()--为事件绑定处理程序，如： $("p").bind("mouseenter mouseleave", functio...
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。 jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见：http...
阅读全文
摘要：jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 JQuery优点 ◦体积小（v1.2.3 15kb） ◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera） ◦链式代码 ◦强大的事件、样式...
阅读全文
摘要：首先去下一个VS2008的HotFix补丁包，参见http://blog.joycode.com/scottgu 然后，在开发时引用这个JQuery文件：JQuery_1.2.3_intellisense 效果如下： Enjoy it!
阅读全文
摘要：发现自己对JQuery还是挺关注的 http://jquery.com/blog/2008/02/08/jquery-123-air-namespacing-and-ui-alpha/ 主要变化： 兼容AIR（Adobe® Integrated Runtime (AIR™)），[关于Adobe AIR ，Adobe AIR技术优势 ] .data() & .removeData(...
阅读全文
摘要：关于Ajax的一揽子工程－－XML支持 随着XML的日益流行，对XML的支持成为每一门高级语言都需要面对的问题。虽然JSON能在Javascript中以更高的效率和更少的资源表达数据，但XML这种世界语作为Javascript与其它语言（包括运行在服务端的语言）优秀解决方案仍被大量使用。而且在AJAX应用中，XML通常是服务端对客户端异步请求的响应形式。 如何支持XML? 跟以前一样，IE和F...
阅读全文
摘要：1 var sDate = '11/2/2005 10:24:59'; 2 var sFormat = 'MM/dd/yyyy hh:mm:ss'; 3 4 function getDateFromFormat(dateString,formatString){ 5 var regDate = /\d+/g; 6 var regFormat = /[YyMmdHhSs]+/g;...
阅读全文