jQ.Mobi—针对移动设备优化的jQuery
2012-02-02
appMobi已经开放了jQ.Mobi的源代码,它对jQuery进行了重写,与jQuery Mobile竞争以分享开发者份额。
jQ.Mobi是jQuery的部分重写版本,但针对HTML5和移动设备做了优化。它的文件大小只有3KB,而jQuery则有35KB,并且据JSPerf test的数据,它在Android上要比jQuery快3倍,在iOS上快2.2倍。... 详细内容
Path的Menu菜单(加号)效果
2011-12-13
Path最新的更新,通过优秀的用户体验设计赢得了大批用户和业内的好评,被成为移动版的“Facebook”!一时之间,在国内你如果不知道Path2.0的话,你就OUT了。
Path 2的UI设计相当出色。最核心的是左下角的红白色加号按钮,点击后会出现6类功能,依次是:照片、和谁在一起、当前地点、在听的... 详细内容
31个Javascript的实用工具
2011-11-22
下面提到的这些工具包括各种实用工具,优化器,测试和调试工具,它们可以提高开发者创建Web站点的效率。
1,JavaScript compressor and comparison tool
有许多工具可以帮助你压缩JavaScript代码,但是这个过程比较耗时,并且,对于某个特定的场景来说,很难分析出具体哪个工具表现的最... 详细内容
判断IE浏览器的简单快速方法
2011-11-20
说道浏览器兼容一直让人头痛。处理兼容问题经常要判断用户浏览器类型。
以前要写一大窜代码来判断是否为IE浏览器。以后再也不用这么麻烦了。
第一种方法:通过IE与非IE浏览器对垂直制表符支持特性搞出的一段简短的条件:
var ie = !+”\v1″;
第二种方法:利用了IE与标准浏览器在处理数组... 详细内容
jQuery-bind不能处理绑定hover事件
2011-08-03
看这个例子:
$(document).ready(function(){
$('.some-class').bind({
hover: function(e) {
// Hover event handler
alert("hover");
},
click: function(e) {
// Click event handler
alert("click");
},
blur: function(e) {
// Blur event handler
}
});
});
奇怪的事情发生了,这里... 详细内容
9个实用jQuery日历插件
2011-07-12
1. FullCalendar
FullCalendar是很出名的jQuery日历插件,它支持拖拽等功能,整合了Google Calendar,而且可以通过JSON来绑定事件,设计师可以轻松地自定义日历样式,工程师则利用它提供的接口来处理用户触发事件。
2. Astonishing iCal-like Calendar
这里是一篇教程,教你如何利用jQue... 详细内容
jQuery 操作css 设置样式
2011-05-16
pcss(name) br /访问第一个匹配元素的样式属性。/p p——————————————————————————–/p pReturn a style proper... 详细内容
JQUERY操作XML实例教程
2011-03-22
JQUERY操作XML实例教程
text.xml
<?xml version=”1.0″ encoding=”utf-8″ ?>
<msglist>
<msg name=”11″>
<id>1</id>
<content>content1</content>
</msg>
<msg name=”22″>
<id>2</id>
<co... 详细内容
随机产生图片的轮换的js代码
2011-03-22
随机产生轮换的图片,本例弄来做广告轮换,还需要小小的改动,就是加上a链接,这样就可以做广告轮换了。
但是本例只是简单讲解让大家自己动手制作广告轮换吧。
源程序讲解:
a = 3 设置变量a的初值为3。
var pp = Math.random(); 定义一个... 详细内容
javascript图片预加载技术
2011-03-17
图片预加载技术的典型应用:
如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本文说提到的预加载技术主... 详细内容
检测CSS是否溢出的脚本
2011-03-02
我的理解,CSS Bug 包含:
兼容性 Bug
内容 Bug (即运营填入内容或数据库读取内容后出现的 Bug)
其中兼容性 Bug 通常在开发阶段就能解决,而内容 Bug 通常被我们忽略。比如忘记对文字设置 overflow: hidden;比如忘记对图片设置宽高;等。不知大家是否也有类似经历?
所以,为自动化这块... 详细内容
javascript 正则表达式-替换
2010-11-30
Javascript经典正则表达式
三道测试题:
1, var str=“ abbbbacc”;
var rs=str.replace(“a”,”0”);
(A)0bbbbacc (B)0bbbb0cc
2,var str=“ abbbbacc”;
var rs=str.replace(“/a/”,”0”);
(A)0bbbbacc (B)0bbbb0cc
3,var str=“ abbbbacc”;
var rs=str.replace(“/a/g”,”0”);
(A)0bbbbacc (B)0... 详细内容
js做的可以随意拖拽组合效果
2010-11-25
js显示4行4排的块,可以随意组合,随即拖动,每一块还可以单独收缩和关闭,效果不错,很给力,哪位人士有兴趣可以自己改改做出更炫的效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.... 详细内容
Prototype实现登录验证
2010-11-23
1.页面
<form name=”myform” action=”login.do” method=”post” onSubmit=”return check()”>
Name: <input type=text id=”usr” name=”usr”><br>
Password: <input type=password id=”pwd” name=”pwd”><br>
<input type=submit />
</form>
2.Jav... 详细内容
不要滥用jQuery的$(this)
2010-11-16
如果不了解javasrcipt中基本的DOM属性和方法的话,很容易滥用jQuery对象。比如:
$(‘#someAnchor’).click(function() {
alert( $(this).attr(‘id’) );
});
如果你只是通过jQ对象获取简单的dom元素的属性比如id,那么你完全可以使用js原生的方法:
$(‘#... 详细内容
