平武建站

jQuery如何实现可兼容IE6的淡入淡出效果

这篇文章主要为大家展示了“jQuery如何实现可兼容IE6的淡入淡出效果”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery如何实现可兼容IE6的淡入淡出效果”这篇文章吧。

创新互联长期为1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为丹江口企业提供专业的网站建设、成都网站设计，丹江口网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

一、基本目标

当输入框的输入内容的字符数无论中文与英文大于10的情况下。就弹出告警，具体效果如下，在IETest的IE6环境中测试通过。

jQuery如何实现可兼容IE6的淡入淡出效果

二、HTML布局

这里使用了div布局，没有使用表格布局。具体的float布置，可以参考《DIV+CSS网页制作布局技巧学习》，这里就不多说了，很简单的：






告警提示


内容：

错误！

这是，希望大家注意到，这个告警函数是通过多行文本框的onchange触发的，触发的时候把自己传递给那个函数。同时告警文本已经设置好，只是一开始处于隐藏状态。

同时注意打头引入jquery。

三、jquery脚本

这里之所以用到FadeTo0的方式去淡出，而不像《使用JQ来编写最基本的淡入淡出效果》用show()与hide()显示，是因为show()与hide()没有淡入淡出的效果。而FadeIn与FadeOut会发生文字的移位的，不好看。

多行文本框就不要设置动画了。虽然你可以像《jQuery循环动画与获取组件尺寸的方法》那样对borderwidth属性设置动画，但是这个动画非常卡的。因此最好还是不要这样做。

以上是“jQuery如何实现可兼容IE6的淡入淡出效果”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

分享名称：jQuery如何实现可兼容IE6的淡入淡出效果
标题URL：http://pwwzsj.com/article/gshghc.html

其他资讯