-
jQuery UI 1.13.0-rc.3已发布,与几周前发布的rc2相比,此版本的唯一变化是针对主题的修复。由于CSS的特殊性问题,1.13.0-rc.2中的空白图标实际上并不是空白的;rc3增加了一个相关选择器的权重 (specificity) 来解决这个问题。另一组问题也是由对主题的改动而引起的,这些改动本意是修复其他问题以及改进各种主题的外观。不幸的是,因为这些改动并不完整,因此导致了更大的问题。鉴于jQuery UI的维护状态,开发团队决定回滚这些改动。此外,开发者也可以更轻松地从 jQuery UI 1.12升级到1.13。
-
jQuery动画的三种方式今天的知识点就一个jQuery动画的三种表示方式:默认显示和隐藏方式滑动显示和隐藏方式淡入淡出显示和隐藏方式1. 默认的显示和隐藏方式1.1. show([speed,[easing],[fn]])->如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。1.2. hide([speed,[easing],[fn]])->隐藏,如果选择的元素是隐藏的,这个方法将不会改变任何东西。1.3. toggle([speed],[easing],[fn])->如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。1. speed:动画的速度,可以自定义值(如:1000)毫秒数,它还有三个预定义的值(“slow”,“normal”, “fast”)2. easing:用来指定切换效果,默认是"swing",可用参数"linear" ->swing:动画执行时效果是 先慢,中间快,最后又慢 -> linear:动画执行时速度是匀速的3. fn:在动画完成时执行的函数,每个元素执行一次。以下所有的的speed,easing,function都是一样的2.滑动显示和隐藏方式2.1. slideDown([speed],[easing],[fn])->通过高度变化(向下增大)来动态地显示所有匹配的元素。2.2. slideUp([speed,[easing],[fn]])->通过高度变化(向上减小)来动态地隐藏所有匹配的元素2.3. slideToggle([speed],[easing],[fn])->与toggle功能相同,只是显示的动画效果不同3.淡入淡出显示和隐藏方式3.1. fadeIn([speed],[easing],[fn])->淡入效果(渐渐浮现)3.2. fadeOut([speed],[easing],[fn])->淡出效果(渐渐隐藏)3.3. fadeToggle([speed,[easing],[fn]])->与toggle功能相同,只是显示的动画效果不同<img id="imgpic" src="../img/test.jpg" width="600px" height="600px"/>//默认方式 $("#imgpic").toggle("slow");// $("#imgpic").show(5000,"linear");//5秒后匀速显示 $("#imgpic").hide(5000,"swing");//5秒后隐藏,速度先先慢,中间快,最后又慢
推荐直播
-
华为云IoT开源专家实践分享:开源让物联网平台更开放、易用
2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区?本期物联网平台资深“程序猿”,开源专家张俭,为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台,并手把手教你玩转开源社区!
去报名
热门标签