您的位置:首页 > Web前端 > JQuery

jQuery效果

2019-04-07 18:58 141 查看

开发工具与关键技术: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,即可不断的切换淡入淡出动画效果
本文献利用老师所讲的案列所写

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: