当前位置:首页 > 日记 > 正文

jQuery控件元素的显示、隐藏、切换和幻灯片的摘要

jQuery控件元素的显示、隐藏、切换和幻灯片的摘要
隐藏和显示

通过隐藏()和显示()的两个函数,jQuery支持HTML元素的隐藏和显示:

例子

复制代码代码如下所示:

$(#隐藏),Click(function(){)

$(p)。隐藏();

});

$(#秀),Click(function(){)

$(p);

});
隐藏()和显示()都可以设置两个可选参数:速度和回调。

Grammar:

复制代码代码如下所示:

$(选择器)隐藏(速度,回调)

$(选择器)。显示(速度,回调)
速度参数指定显示或隐藏的速度。可以设置这些值:慢

回调参数是在隐藏或显示函数完成后执行的函数名。

例子

复制代码代码如下所示:

$(按钮)。Click(函数(){)

$(p)。隐藏(1000);

});
回调参数是函数完成后执行的函数名。

jQuery slideDown滑动功能,slideup,slidetoggle

jQuery具有以下滑动函数:

复制代码代码如下所示:

$(选择器)SlideDown(速度、回调)。

$(选择器)SlideUp(速度、回调)。

$(选择器)SlideToggle(速度、回调)。
速度参数可以设置这些值:慢

回调参数是函数完成后执行的函数名。

SlideDown()的例子

复制代码代码如下所示:

Click(函数(){)

$(面板)。SlideDown();

});
jQuery褪色功能渐显(),(),()褪变成了淡出

jQuery具有以下淡入淡出功能:

复制代码代码如下所示:

$(选择器)FadeIn(速度、回调)。

$(选择器)FadeOut(速度、回调)。

$(选择器)。FadeTo(速度、透明度、回调)
速度参数可以设置这些值:慢

在褪变成了不透明度参数()函数指定的不透明度降低到一个给定的透明度。

回调参数是函数完成后执行的函数名。

jQuery的自定义动画

jQuery函数创建自定义动画的语法:

复制代码代码如下所示:

$(选择器)。动画({ } { }参数,时间,{宽松},{回调})
关键参数是参数。它定义了产生动画的CSS属性,你可以同时设置多个属性:

复制代码代码如下所示:

动画(宽度: 70%)
第二个参数是持续时间,它定义了应用于动画的时间。

例子

复制代码代码如下所示:
$(文档)Ready(函数(){)

$(#开始)。Click(function(){)

$(#箱)。动画({ 300 },高度:慢);

$(#箱)。动画({ 300 },宽度:慢);

$(#箱)。动画({ 100 },高度:慢);

$(#箱)。动画({ 100 },宽度:慢);

});

});

功能
描述
$(选择器)隐藏()。
隐藏选定的元素
$(选择器)。
显示选定的元素
$(选择器)Toggle()
开关(隐藏和显示)选定的元素
$(选择器)SlideDown()。
滑下(显示)选定的元素
$(选择器)SlideUp()。
幻灯片(隐藏)选定的元素
$(选择器)SlideToggle()。
切换所选元素向上和向下滑动。
$(选择器)FadeIn()。
在选定元素中淡入
$(选择器)FadeOut()。
淡出选定元素
$(选择器)FadeTo()。
将选定元素从给定的透明度中淡出
$(选择器)。
为选定的元素执行自定义动画

相关文章

WPS如何快速导入网页数据WPS表教程

WPS如何快速导入网页数据WPS表教程

数据,教程,网页,快速,电脑软件,把网页数据放入表格中,在日常工作中经常使用,这种方法的优点是省去了人工时间的需要,如何快速地将页面数据导入表中成为焦点问题,这里共享一个常用的方法,你可能步出了新的web查询接口。输入URL并转到相应的页面,单…

一个基于js实现的倒计时程序实例

一个基于js实现的倒计时程序实例

程序实例,倒计时,电脑软件,js,本文介绍了基于js实现的倒计时程序,供大家参考,具体的实现方法如下: 剩余时间: var过期= 2412169; 无功expiretime =功能(到期){ 如果(过期> 0){ var =过期; 其他{ } var = 0点; 返回第二; } var; 如果(第二个> 86400){ 天ma…

编制课程表的Excel基础

编制课程表的Excel基础

课程表,基础,电脑软件,Excel,word形式很容易操作,不像Excel,但是非专业人员不使用它来做表格。有些表格数据需要用excel来完成,但是有些简单和基本的形式我们只需要用word来做。许多朋友不太熟悉word的制作。实际上,学会用word来制作表格是非常…

100种不同的pageswitch插件实现切

100种不同的pageswitch插件实现切

插件,效果,电脑软件,pageswitch,100种不同的pageswitch插件实现图像切换效果。该插件适用于全屏切换场景,实现了一百种切换效果,支持自定义页面动画,效果如下图所示: 实现的代码。 HTML代码: 选择剪切页的效果 褪色 纸卷 scroll3d scrollcov…

查找和替换特殊word2003教程word20

查找和替换特殊word2003教程word20

教程,替换,查找,电脑软件,右到左,1、在编辑菜单中,点击查找或替换; 2,单击另一个扩展对话框。 3,选择一个或多个与右向左格式相关的复选框。 你可以检查相应的复选框来搜索匹配kashida(kashidas:延长连接阿拉伯两个字符。之间的特殊特性提高对齐…

WPS格式如何转换成wordwps表教程

WPS格式如何转换成wordwps表教程

教程,转换成,格式,电脑软件,WPS,字处理系统(中文字编辑系统)是金山公司的办公软件,word是微软发布的文字处理器应用程序,这两个都是我们常用的办公软件,今天我将与大家分享如何将WPS转换成Word,以帮助您提高您的水平。 方法1 第1步:点击我的电脑或…

Lightroom6个简单的步骤来完成室内

Lightroom6个简单的步骤来完成室内

教程,步骤,来完成,人像,室内,本教程是为朋友带来Lightroom简单6步完成室内人像后期修复,更实用的教程,非常适合初学者学习,推荐给像你这样的朋友,可以按照教程一起学习。 Lightroom,因为它简单,容易,但有一个非常强大的后期功能,和摄影师的喜爱。这…

如何把从多个文件一个文件格式Word

如何把从多个文件一个文件格式Word

教程,文件,多个,文件格式,电脑软件,经常处理单词的朋友会有很多文件。这些文件非常重要。有时需要将多个文件合并成一个文件,并将所有内容放在2个或3个文件中。当然,如果手动复制,这些文件更麻烦。事实上,我有一个更好的方法帮助您快速合并多个…

如何使用Word2003的翻译功能吗Word

如何使用Word2003的翻译功能吗Word

教程,如何使用,功能,电脑软件,小字有如此强大的功能,不仅可以编辑中文,而且可以把中文译成英文,具有强大的翻译字典功能。只要安装一个词,你就可以享受这个强大的功能,甚至翻译字典也不用买。 (1)打开word文档并输入需要在文档中翻译的单词,如hello…

如何没有注册码安装PS图象处理软件

如何没有注册码安装PS图象处理软件

安装,注册码,图象,处理软件,电脑软件,如何PS图象处理软件CS6破解版并安装pscs6不好安装,安装了几次都没有安装成功,下面分享PS图象处理软件CS6破解版安装教程,需要的朋友可以参考下 前一天,萧边需要创建一个与PS图象处理软件简单的GIF动画,但电…

关于投诉QQ成功凭证常见问题的常见

关于投诉QQ成功凭证常见问题的常见

常见问题,投诉,电脑软件,QQ,关于投诉成功凭证的常见问题 1,投诉的成功凭证是什么 答:成功的证书是一串8位数字,通过投诉后审核重要的凭证来重置您的帐户信息和密码安全。在您帐户成功后,该券将通过您在您投诉时留下的邮箱或手机将您的邮件或…

用PHP实现的简单的美国商品税计算

用PHP实现的简单的美国商品税计算

计算,美国,商品,简单,功能,本文介绍了PHP实现的简单的美国商品税计算功能,供大家参考: 功能的税(总美元,美元tax_amount){ tax_rate美元= 01美元tax_amount *; 美元美元美元tax_rate税=总*; 返回值= $税收+总金额; } 美元= 50美元; $税率= 6.5; / /…