开发工具与关键技术:Visual Studio 2015–jQuery
作者:廖亚星
撰写时间:2019年3月31日
MVC中jQuery有自带的动画效果可以让我们简单编写动画,只需要在HTML中设置一个DIV,然后放上一个ID,就可以去script中编写对应的函数
hide()—隐藏
图中给#bn1点击事件,然后使目标物隐藏,后面一个方法,前面是动画执行的时间,以毫秒为单位,不光可以填写数字,还可以填写slow,normal, fast来决定动画执行的速度,后面是动画的指定切换效果,默认值是“swing”,还可以填写“linear”。
既然动画可以隐藏。那么也可以让他显示出来
show()—显示
很简单,给#bt2点击事件,然后给目标后面加上一个显示的函数就可以使动画重新显示回来
还有一个简单的方法将显示与隐藏结合起来,使动画可以来回不断的切换
toggle()
下面还有一组淡入淡出动画效果
fadeIn()—淡入
给目标点击事件后,然后写上函数方法fadeIn,里面设置动画淡入效果的时间
fadeout()—淡出
给目标点击事件后,然后写上函数方法fadeout,里面设置动画淡出效果的时间
fadeToggle()
给目标点击事件后,然后写上函数方法fadeToggle,即可不断的切换淡入淡出动画效果
本文献利用老师所讲的案列所写