本文通过一个实例说明jQuery可以实现兼容IE6的淡入淡出效果预警功能。分享给大家参考，如下：

实际上，我认为如果警报提示，最好直接使用警报。开门见山，Alert用户直接知道你当前系统的含义，关键是坏掉的浏览器必须兼容，否则你会是一个愚蠢的浏览器。但是目前越来越多的人觉得Alert不漂亮，有一种认为弹窗吓人的趋势。因此，警报会提示您看起来更好。在难以控制Javascript透明度的前提下，jQuery简单的淡入淡出效果是你的选择。选择JQuery是因为它与IE6兼容。

一、基本目标

当输入框的输入内容中的中英文字符数均大于10时。会弹出报警，具体效果如下，在IETest IE6环境下测试通过。

第二，HTML布局

这里使用的是Div布局，不是表格布局。具体浮子布置请参考《DIV+CSS网页制作布局技巧学习》。这里就不多说了。很简单：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/脚本类型=' text/JAVAScript ' src=' http 3360 js/jquery-1 . 11 . 1 . js '/脚本标题警报提示/title/headsdydivstyle=' float 3360 left；'内容：/div div id=' errmsg ' style=' color : # ff 0000；display:none' float:left'错误！/div div style=' clear : both；'/dividextareonchange=' errtipalert(this)'/textarebr//p/body/html这是，希望大家注意到这个报警功能是由多行文本框的onchange触发的，触发的时候把自己传递给那个功能。同时，报警文本已经设置，但一开始是隐藏的。

同时，注意在开头介绍jquery。

第三，jquery脚本

这里使用FadeTo0淡出的原因是show()和hide()没有淡出效果，不像《使用JQ来编写最基本的淡入淡出效果》。而且FadeIn和FadeOut会转移词，不好看。

脚本函数errtipsalert (obj) {//obj自身传递。如果多行文本框中的内容超过10个字if(obj.value.length10){ //，错误提示文本errMsg的透明度首先会在1秒内从0变为1，然后在1秒内从1变为0，再以同样的方式返回，从而实现淡入淡出的闪烁提示。$('#errMsg ')。fadeTo(1000，1)。fadeTo(1000，0)。fadeTo(1000，1)；//然后多行文本框的边框变成粗体和红色$ (obj)。css('边框'，' 2px solid # ff 0000 ')；} else{ //否则，错误提示文本errMsg将在1毫秒内透明地变为0，这相当于hide()方法，但在某些情况下hide()会发生移位。$('#errMsg ')。fadeTo(1，0)；//恢复边框$ (obj)。多行文本框的css ('border '，' 1pxsolid # cccccc ')；}}/script多行文本框不应设置动画。虽然你可以像《jQuery循环动画与获取组件尺寸的方法》那样设置borderwidth属性的动画，但是这个动画很难实现。因此，最好不要这样做。

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》。

希望本文对大家的jQuery程序设计有所帮助。