只需复制并粘贴您网站上的任何地方TranslateThis按钮，它的自由和方便。有没有文件上传和它在几乎所有网站的作品。

该TranslateThis按钮是一个轻量级的Javascript翻译工具 。它翻译成任何页面快速使用Ajax和谷歌语言的API。

只不过Google在国内访问时断时续不是太稳定

<!-- Begin TranslateThis Button -->

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->

可定制的选项

该TranslateThis按钮允许您设置的选择：

• 跟踪与谷歌分析
• 更改按钮图像
• 更改文本选项
• 支持的语言更改
• 回调函数
• 和更多…

下面这里是测试代码：

详细参数见：http://translateth.is/docs

<script type="text/javascript">
TranslateThis({
    GA : true, // Google Analytics tracking
    scope : 'content', // ID to confine translation
    wrapper : 'translate-this', // ID of the TranslateThis wrapper

    onLoad : function() { alert('loaded') }, // Callback function
    onClick : function() { alert('translation started') },
    onComplete : function() { alert('translation finished') },

    cookie : 'tt-lang', // Name of the cookie - set to 0 to disable

    panelText : 'Translate Into:', // Panel header text
    moreText : '36 More Languages »', // More link text
    busyText : 'Translating page...',
    cancelText : 'cancel',
    doneText : 'Translated by the', // Completion message text
    undoText : 'Undo »', // Text for untranslate link

    fromLang : 'en', // Native language of your site

    ddLangs : [ // Languages in the dropdown
        'cs',
        'pt-PT',
        'it',
        'ru',
        'ar',
        'zh-CN',
        'ja',
        'ko'
    ],

    noBtn : false, //whether to disable the button styling
    btnImg : 'http://x.translateth.is/tt-btn1.png',
    btnWidth : 180,
    btnHeight : 18,

    noImg : false, // whether to disable flag imagery
    imgHeight : 12, // height of flag icons
    imgWidth : 8, // width of flag icons
    bgImg : 'http://x.translateth.is/tt-sprite.png',

    maxLength : 900, // maxLength of strings passed to Google
    reparse : true // whether to reparse the DOM for each translation

});
</script>

思路如下：
1. 一个专门接口的函数，其参数为表单元素对象；
2. 利用jQuery的animate方法来自定义动画效果：设置其border属性；
3. 监听需要验证时的事件：当前元素失去焦点时、表单提交时；

思路屡清楚之后开始行动：
1. 接口函数：

function checkForm(d){
	var isIE= !jQuery.support.cssFloat;
//	var _dom=isIE?jQuery(d).parent():jQuery(d);
if(isIE){
	jQuery(d).wrap('span');
	_dom=jQuery(d).parent('span');
}else{
	_dom=jQuery(d);
}

	if (d.value =='') {
		_dom.addClass('checkform-error');
		 _dom.animate({border: '1px red solid'}, 100)
			.animate({border: '1px white solid'}, 100)
			.animate({border: '1px red solid'}, 100)
			.animate({border: '1px white solid'}, 100)
			.animate({border: '1px red solid'}, 100);
	}else{
		_dom.removeClass('checkform-error').removeAttr('style');
	}
}

经过测试，FF(火狐)下没任何问题，边框啥的都可以闪烁，但到了IE下问题就来了。
首先是IE下jQeury的animate中不能直接设置border样式的属性，提示“参数错误”，经过网上一顿乱找后仍然没有解决。
于是换成 .animate({borderColor:’red’}) 再试试吧，结果还是不行，测试了几次之后发现IE下面只有borderWidth是可以用的。
没办法只能继续想起他的办法……

在网上查了下animate里面可以用到的属性中可以包括：

$().animate(
        {
               left: 100,
               style: 'margin: 10px;',
               className: 'checkWrap',
               opacity: 0.5,
               backgroundColor: 'yellow',
               borderWidth:'1'
        },

而且IE下还有个问题就是$().unwrap();不起作用，于是之前的想法就不成立了，继续想……

< 未完.待续…… >

敬畏天地间神鬼，

超度闲野间幽魂。

这里的地址是测试：http://www.tiscs.com/wyx/slickspeed/index.html#

所以想用好jquery的话，还是要先权威的了解一下W3C的css1—css3，

http://www.w3.org/TR/css3-selectors/

:nth-child(an+b)

li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/