• [行业资讯] jQuery UI 1.13.0-rc.3 发布
    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动画的三种方式今天的知识点就一个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秒后隐藏,速度先先慢,中间快,最后又慢