jquery如何实现提示语淡入效果

小编给大家分享一下jquery如何实现提示语淡入效果，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

互助网站建设公司成都创新互联,互助网站设计制作，有大型网站制作公司丰富经验。已为互助1000多家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的互助做网站的公司定做！

效果图：

jquery如何实现提示语淡入效果

示例代码：




 jquery 提示语淡入



.tishi-com{display:none;width:65px;height:20px;line-height:20px; background:#fff9c9; border:1px solid #c7bf93; color:#666;
position:relative;left:230px;top:-22px;}





 
  
   用户名：

手机号：

$(document).ready(function(){ $(".fade").click(function(){ var name=$.trim($(".username").val()); var phone=$.trim($(".phone").val()); if(name==""){ $('input[name=username]').siblings('.tishi-com').fadeIn(); $('input[name=username]').siblings('.tishi-com').find('.tishi-font').text('不能为空'); } if(phone==""){ $('input[name=phone]').siblings('.tishi-com').fadeIn(); $('input[name=phone]').siblings('.tishi-com').find('.tishi-font').text('不能为空'); } }); });

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

本文名称：jquery如何实现提示语淡入效果
转载注明：http://cxhlcq.com/article/jdesis.html