差不多一年没碰jQ了，由于公司现在都用jQ，所以这几天重温了一下jQ，写了一个简单的用户引导效果,写的不好欢迎拍砖。
用户引导效果简单的谁就是将一些重要功能提示给用户，比如你注册到某个网站，第一次进入就将重要的功能或板块高亮提示给你。才疏学浅真不知用文字怎么表达，之间看简陋到不能再简陋的效果吧：
点击查看demo：http://www.css88.com/demo/UGuide/index.html
这个效果可能你也看到过，在163邮箱新注册的会员就有这个效果。
总是想着优化一下这个效果，除了table外我还想到了用border找半透明的遮罩层，这样就只用一个容器了，jq操作方便了许多
点击查看demo：http://www.css88.com/demo/UGuide/index2.html
可惜这个效果在ie8下有bug出现了横向滚动条，在ie6,ie7下更加离谱了（请看第3步和第4步），到现在还没想出解决方案，如果您知道欢迎留言告知，谢谢！
真不知道这个标题该怎么取，暂时就先凑活着用了。
用jQ的人很多人都是这么开始写脚本的：
$(function(){
// do something
});
其实这个就是jq ready()的简写，他等价于：
$(document).ready(function(){
//do something
})
//或者下面这个方法，jQuer的默认参数是：“document”；
$().ready(function(){
//do something
})
这个就是jq ready()的方法就是Dom Ready，他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。
一般情况先一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。
那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间，就可以操作Dom了。
用原生的js的时候我们通常用onload时间来做一些事情，比如：
window.onload=function(){
//do something
}
//或者经常用到的图片，假设这个
document.getElementById("imgID").onload=function(){
//do something
}
项目应用：当一项操作完成后，肯能会给某个图片，音乐打分，或者积分增加，平淡的将数值改变用户一点没什么直观的感觉，当然要突出这个加分效果有很多，我这里只是实现了一种：
数字会放大且半透明显示，当放大到最大尺寸时，数值加上分值，然后，数字执行还原的动画，大小透明度均复原。
点此查看demo：http://www.css88.com/demo/awarded_marks/awarded_marks.html
本来也写过类似这个小功能《js对输入框的字数限制》，但是今天有朋友说要个简单的貌似twitter微博输入的功能！所以写了一个。
基本的思路：当文本域获取焦点后，当键盘松开时，判断里面的字符是否为空，从而改变按钮的显示状态和文字的个数。
demo：http://www.css88.com/demo/textarea-num-chack/textarea-num-chack.html
=============2009年11月24日更新============
感谢各位的留言和测试，特别感谢Chaos提供的解决方案，灰灰关于粘贴的测试！
在以上两位的建议和测试下重新修改了一下源代码，主要文本框获得焦点时启动定时器，计算文本框的字数。
demo：http://www.css88.com/demo/textarea-num-chack/textarea-num-chack1.html
昨天由于项目需要做一个iframe自动撑高的问题，结果碰到一个奇怪的问题，IE，safari，opera浏览器都支持的一个iframe自动撑高js代码，FF却不支持，更加奇怪的是同样的这段js代码，在以前的项目中也一直在用，打开老项目，FF也能运行，这就晕了。翻来覆去搞了几十遍，还是不行，彻底的崩溃，无果后睡觉，今天起来大早又高这个问题，突然想到了会不会是目录结构的问题，奇迹发生了，果然Firefox中iframe的src的目录有问题。
Firefox中iframe的src不能出现“../”向上层目录查找的文件的路径，经过服务器上测试后更加神奇的事情发生了，那就是在服务器上“../”向上层目录查找的文件的路径在FF中能正常执行，OMG。最后的结论是Firefox在本地iframe中的src不能出现“../”向上层目录查找的文件的路径，除非本地建站点。
看第一个demo：http://www.css88.com/demo/iframe/iframe/ff-iframe.html
这个就demo都正常的，但是你可以下载这个demo到本地，在ff中运行一下就知道这段js在不能运行了，firebug也调试不出是什么问题，我这里显示的是红色的乱码。晕翻。
注：该问题仅限这段JS，其他没有测试。
该封装在Liner的基础修改了一些，主要修改的是获取的数据。
接口：
get, post 常用普通接口。
e_handler 出错处理句柄，可选。
_object 创建浏览器兼容XHR的包装。
参数：
@type: “xml”,”html”,”javascript”,”json”数据类型；
@url: 请求的响应页面；
@sdata: POST的数据；
@callback: 处理响应数据的回调函数；
以下参数可选
@fdata: 传递给回调函数的数据，默认null；
@asyn: 是否异步，默认true。
返回值：
如果是异步，返回异步请求对象；否则不返回。
回调函数有两个参数：(req, data)
@req: 异步请求对象（XMLHttpRequest 或 ActiveXObject）
@data: 传入的附加数据。
上接http://www.css88.com/archives/1910
这里新加了一个extend方法.
function extend(des, src) {
if (!des) {
des = {};
}
if (src) {
for (var i in src) {
des[i] = src[i];
}
}
return des;
}
function MagicColor(elem,colors,interTime){
this.elements=elem||[];
this.colors=colors||["#CC0000","#CC6D00","#CCCC00","#00CC00","#0000CC","#00CCCC","#CC00CC"];
this.indexColors=0;
this.interTime=interTime;
}
extend(MagicColor.prototype,{
timerCall:function (){
var elem=this.elements;
var color=this.colors[(this.indexColors++)%this.colors.length];
for(var i=0;i<elem.length;i++){
elem[i].style.color=color;
}
},
reset : function(){
if(this.timer){
clearInterval(this.timer);
delete this.timer;
}
},
start:function(){
this.reset();
var self=this;
this.timer= setInterval( function(){
self.timerCall();
},this.interTime||100);
}
});
调用还是：
function $(id){return document.getElementById(id)}
var effect = new MagicColor([$("comment1"),$("comment2"),$("comment3")],["#000000","#CC0000","#C00000","#00CC00","#0000CC","#00CCCC","#CC00CC"],500);
effect.start();
这是一题知名公司的前端开发面试试题，要求写出闪光字的效果。基本思路是：
1.页面中可能多出使用；
2.选出几种颜色；
3.选择合理的跳动时间。
例如html代码
<div id="comment1">愚人码头</div> <div id="comment2">前端开发</div> <div id="comment3">http://www.css88.com</div>
javascript代码：
function MagicColor(elem,colors,interTime){
this.elements=elem||[];
this.colors=colors||["#CC0000","#CC6D00","#CCCC00","#00CC00","#0000CC","#00CCCC","#CC00CC"];//可选的颜色值
this.indexColors=0;//颜色值索引
this.interTime=interTime;//跳动的间隔时间
}
MagicColor.prototype.timerCall=function(){
var elem=this.elements,cls=this.colors;
var color=this.colors[(this.indexColors++) % this.colors.length];//去除当前颜色
for(var i=0;i<elem .length;i++){
elem[i].style.color=color;
}
};
MagicColor.prototype.reset=function(){
if(this.timer){
clearInterval(this.timer);
delete this.timer;
}
};
MagicColor.prototype.start=function(){
this.reset();
var self=this;
this.timer = setInterval(function(){
self.timerCall();
},self.interTime||100);
}
function $(id){return document.getElementById(id)}
var effect = new MagicColor([$("comment1"),$("comment2"),$("comment3")],["#000000","#CC0000","#C00000","#00CC00","#0000CC","#00CCCC","#CC00CC"],500);
effect.start();
感谢肉块的指教，欢迎大家拍砖。
