29.jQuary之特效篇

1).hide() //用于隐藏符合的元素,选择的元素会变得不可见,但仍会占用相同的空间。
->$(selector).hide();
->$(selector).hide([特效的执行时间][,hide()结束后要执行的函数])
2).show() //用于显示.hide() 隐藏的元素
->$(selector).show();
->$(selector).show([特效的执行时间][,show()结束后要执行的函数])
3).toggle() //用于在显示和隐藏之间切换元素
http://img2.58codes.com/2024/201634684fmId36pbj.png
当我点选隐藏时,文字(此为这是一个段落)会隐藏,点显示时,文字会再次出现;当点选切换时,如果元素是可见的,则将其隐藏;如果元素是隐藏的,则将其显示。
http://img2.58codes.com/2024/20163468JcTdiXVS3j.png
4).fadeIn() //将隐藏的元素以淡入的效果逐渐显示出来
->$(selector).fadeIn([淡入效果的速度][,淡入完成后执行的函数]);
5).fadeOut() //将元素以淡出的效果逐渐隐藏
->$(selector).fadeOut([淡出效果的速度][,淡出完成后执行的函数]);
6). fadeTo () //用于改变元素的透明度,创建淡入或淡出的效果。
->$(selector).fadeTo(当前透明度到指定透明度的速度,透明度[, 动画完成后执行的函数]);
7).slideUp() //由下往上滑动的效果隐藏
->$(selector).slideUp([滑动效果的速度][,slideUp执行完后要执行的函数])
8).slideDown() //由上往下滑动的效果显示
->$(selector).slideDown([滑动效果的速度][,slideDown执行完后要执行的函数])
http://img2.58codes.com/2024/20163468KWnGGZr3Hj.png
9).animate() //针对元素的CSS自订动画
->.animate({欲套用特效的属性与值}[,设定特效的执行时间],指定动画的缓动函数 , animate()结束时所要执行的函示)
http://img2.58codes.com/2024/20163468KQydVHAuJp.png


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章