jQuery之动画的淡入淡出效果

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44540178/article/details/86755189

开发工具与关键技术:DW ,Visual Studio ,jQuery
作者:Li Mingrun
撰写时间:2019年2月2日
既然JavaScript脚本语言中有可以实现动画效果,那么从其加以封装的jQuery也含有实现动画 效果的功能。
要用jqueryj就要先引用jQuery的文件
我这里用的是下面的这个版本
在这里插入图片描述
我们先来学习jQuery的淡入淡出的动画效果。
方法:
1, fadeout—动画淡出效果。
2, fadeIn—动画淡入效果。
3, fadeToggle–动画淡出效果的切换
4, fadeTo—动画淡入效(可设置透明度)
无论是设置动画的淡入淡出效果的方法,都含有对应到的参数来控制页面展示的动画的效果。
1, fadeout—动画淡出效果
在这里插入图片描述
jQuery代码

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
2, fadeIn—动画淡入效果
在这里插入图片描述
jQuery 代码
在这里插入图片描述
3, fadeToggle–动画淡出效果的切换
在这里插入图片描述
jQurey代码
在这里插入图片描述
4,fadeTo—动画淡入效(可设置透明度)
在这里插入图片描述
jQuery 代码
在这里插入图片描述
页面显示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这样的页面布局现在我相信大家都回了的
页面的显示效果我就不演示了,有兴趣的人就自己去做和演示吧。
每个方法后面的括号()里面对应的是参数或属性,方法里面也可以再包含方法。
里面的参数或方法有多少我也不清楚,这就需要我继续去学习了,也需要你们去了解了,
如果你们知道更多请告诉我哦。

展开阅读全文

没有更多推荐了,返回首页