axl234
- 浏览: 268942 次
- 性别:
- 来自: 北京
-
最新评论
-
haixin3036：
jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang：
非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369：
不错。。。
移动端webapp开发必备知识
文章列表
这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。下边的例子就是用detach保留了click的 方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199 ...
IE6测试页面的时候报错 显示缺少"}";原因是js文件中包含了中文的注释，把注释改成英文的，问题随之解决。 IE6有时候会不加载页面的部分css，也不是全部css都不加载，主要原因就是css文件中包含了中文注释，把注释改成英文的，问题马上解决。
一、新的Doctype
//zxx:”doctype”中文意思指“文档类型”
仍在使用麻烦的，不可能记得住的XHTML文档类型？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如 ...
focusin(fn)
概述
在每一个匹配元素的focusin事件中绑定一个处理函数。
当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。
参数
fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。
示例
描述:
获得焦点后会触发动画:
HTML 代码:
<p><input type="text" /> <span>focusout fire</span></p>
<p><input t ...
文字的选中功能是不太常用的功能，多出现在文本编辑器中，或是文本域之类的光标处理上。所以呢，使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。
假设文本域对象的名称是obj，则在IE及非IE浏览器下实现指定文字选中的代码如下：
IE浏览器下：
var range = obj.createTextRange();
range.moveStart("character", 开始序号);
range.moveEnd("character", ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ut ...
1、Ajax Upload上传插件
浏览器迫使我们使用文件输入控件(<input type=”file” />)做上传，然而此控件的样式是不能修改的。此外，基于表单上传在流行的Ajax应用程序面前显得过时了。我们可以使用flash解决这个问题，但实际上JavaScript也能做的很出色。
Ajax Upload文件上传插件允许你上传多个插件而无需刷新页面，可以使用任何的元素来显示文件选择窗口。它可以在所有主流的浏览器下工作，从2.0版本开始，不需要任何库运行。Ajax Upload文件上传插件不会污染任何命名空间，所以它与jQuery，Prototypejs，mootools其他 ...
首先调用jQuery库文件，还有jquery.scrollLoading.js，您可以直接在页面的某处添上如下的代码：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.zhangxinxu.com/study/js/mini/jqu ...
首先，调用倒计时js脚本，您可以在页面的任何位置嵌入这段脚本：
<script type="text/javascript" src="js/timeCountDown.js"></script>
然后，调用方法fnTimeCountDown(参数1, 参数2)即可，于是就可以实现倒计时效果了，很简 ...
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>文本域字符数判断</title>
</head>
<body>
<div id="tip" style=" color:#588905">你还能输入<em>140</em>个字</di ...
标题栏新消息提示
- 博客分类：
- javascript
具体实现代码如下：
view sourceprint?01
var newMessageRemind={
02 _step: 0,
03 _title: document.title,
04 _timer: null,
05 //显示新消息提示
06 show:function(){
07 var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");
08 newMessage ...
使用和下载html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。)
作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:
1
2
3
<!--[if IE]>
<scr ...
在jQ1.4以前我们创建DOM并且添加到DOM树大致是这样的：
view sourceprint?1 var oNewp = $("<p>我测试成功了</p>");
2 oNewp.addClass("red").appendTo("#target");
或者，稍微复杂一点：
view sourceprint?1 $("<div></div>")
2 .attr("id","css")
3 .height(90 ...
收集的一些轻量级非常实用的前端开发小工具：
CSS3相关
CSS3样式生成器：http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/ Data URI
Encode Data URL(舜子开发的)http://www.css88.com/tool/DataURL/ unicode转换工具
unico ...
先编写一个无序列表的结构，a标签中的img标签用来存放小图片，a标签添加一个rel属性，用来存放大图片的路径。
1 <UL id=gallery>
2 <LI><A class=smallimage href="http://stylechen.com/" rel=images/001_big.jpg><IMG alt="&quo ...