jQuery效果

本文介绍了在MVC框架中使用jQuery实现的基本动画效果,包括显示、隐藏及淡入淡出等操作,并提供了具体实现方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值