[JavaScript/Ajax教程] 用javascript操作CSS3属性实现动画 日期：2011-09-07 10:51:12 点击：111 好评：0
CSS3提供两种方式来实现动画，transition与animation。animation涉及自定义一种为“@keyframes”的东西，这个需要动用到insertRule太复杂了，因此本文跳过它。有人它为transform也算一种，但它是静态的，需要结合transition才能变成动态，因此也跳过。...
[JavaScript/Ajax教程] 简述JavaScript 滚轮事件(谷歌地图缩放) 日期：2011-09-07 10:14:31 点击：151 好评：0
用过 Google 地图的人可能都很熟悉，通过滚动滚轮可以对地图进行缩放，非常地方便。适当地使用滚轮事件可以带来不错的用户体验。 不过遗憾的是各浏览器都不尽相同。 一) 事件名称不相同 IE, KHTML(Safari, Chrome), Opera对应的事件名称是 “mousewheel“。而 Gec...
[JavaScript/Ajax教程] 介绍4个跨浏览器必备的函数 日期：2011-09-07 10:01:55 点击：35 好评：0
如果你的项目要用到 JavaScript，而你不使用任何 JavaScript 框架，那么对于那些常用且各个浏览器明显不同的地方就需要用函数来封装起来。 下面四个函数就是其中的一部分。 首先我们要添加一段浏览器检测脚本： // 检测浏览器 var user = navigator.userAgent; ...
[JavaScript/Ajax教程] JavaScript 复制库类 ZeroClipboard 日期：2011-09-07 10:00:36 点击：72 好评：0
开发中经常会用到复制的功能，在 IE 下实现比较简单。但要想做到跨浏览器比较困难了。本文将介绍一个跨浏览器的库类 Zero Clipboard 。它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的 document.execCommand(“Copy”) 更加灵活。 Z...
[JavaScript/Ajax教程] 简单实用的JavaScript两级联动示例 日期：2011-09-06 10:03:53 点击：110 好评：0
JavaScript两级联动, 比如表单里面有两个下拉菜单，实现关联，根据第一个下拉菜单选择的内容，在第二个下拉菜单中显示对应的选项. 这项功能非常有用, 但新手仍会需要示例. 将下列代码保存到一个后缀为.html的文本文件, 然后用浏览器打开即可: <form method="post...
[JavaScript/Ajax教程] jQuery BlockUI 页面遮挡插件 日期：2011-09-06 09:48:44 点击：359 好评：0
Web应用中常常需要这样的功能: 当用户点击”提交”按钮, 或者点击”刷新”链接AJAX获取新数据时, 都需要显示一个提示Loading的提示信息, 并且锁住按钮和某个区域, 避免用户重复操作. 使用 jQuery 的 BlockUI 插件可能轻松地达到该功能. 而且, BlockUI 的...
[JavaScript/Ajax教程] jQuery延时绑定事件(lazy-bind) 日期：2011-09-06 09:19:42 点击：99 好评：0
有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个. // 定义 (function($){ $.fn.lazybind = function(event, fn, timeout, abort){ &nbs...
[JavaScript/Ajax教程] 获取动态加载的图片大小的方法 日期：2011-09-06 09:18:14 点击：42 好评：0
有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是: 你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现. jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是...
[JavaScript/Ajax教程] 解读JavaScript设计模式 日期：2011-09-05 10:05:14 点击：99 好评：0
导读：作者本人一直从事前端开发，文章以JavaScript语言的角度去论证，JavaScript模式与前端的工作和成长密不可分，因为这确实不是一个简单的话题，作者用简单表达和例子为大家阐明JavaScript设计模式。CSDN研发频道对此文进行了整理选取部分内容，供开发者学习、参考。 ...
[JavaScript/Ajax教程] 不容忽视，AJAX的安全性 日期：2011-09-03 09:18:02 点击：40 好评：0
Web开发者不会注意到由 “Ajax(Asynchronous javaScript And XML)”所带来的激情。不费力气就能创建像Google Suggest那样的智能网站或者像Gmail那样基于Web的应用程序，这在很大程度上要归功于这种技术。然而，伴随着AJAX应用程序的发展，我们发现了它的一些不足...