控件隐藏和显示

控件隐藏和显示
1、jQuery隐藏和显示效果

使用jQuery,您可以使用隐藏()和显示()方法来隐藏和显示HTML元素:
$(#隐藏),Click(function(){)
$(p)。隐藏();
};单击隐藏元素,隐藏所有标签;

$(#秀),Click(function(){)
$(p);
};单击显示元素,显示所有标签;
2,jQuery淡入淡出效果

使用jQuery,您可以实现元素的淡出效果。

jQuery有以下四种淡入淡出方法:

FadeIn()
FadeOut()
FadeToggle()
FadeTo()
/ / jQuery渐明()是用来消失的隐藏要素;
$(选择器)FadeIn(速度、回调);
速度(可选)参数指定效果的长度。它可以接受以下值:慢
返回(可选)参数是在淡出完成后执行函数名;
$(按钮)。Click(函数(){)
$(# DIV1 )FadeIn();
$(# DIV2)。FadeIn(慢);
$(# div3 ),FadeIn(3000);
}); / /点击按钮,不同身份的影响分别淡入DIV1,格式,div3元素;
/ / jQuery淡出()方法用于淡出可见元素;
$(选择器)FadeOut(速度、回调);
速度(可选)参数指定效果的长度。它可以接受以下值:慢
返回(可选)参数是在淡出完成后执行的函数名;
$(按钮)。Click(函数(){)
$(# DIV1 )FadeOut();
$(# DIV2)。FadeOut(慢);
$(# div3 ),FadeOut(3000);
}); / /点击按钮,不同的效应消退,ID是DIV1,格式,div3元素;
/ / jQuery fadetoggle()方法之间可以交换()和渐隐渐显()方法;
/ /如果一个元素的淡出,fadeToggle()将元素添加淡入淡出效果;
/ /如果元素是fadeToggle()将淡入淡出的添加元素;
$(选择器)FadeToggle(速度、回调);
速度(可选)参数指定效果的长度。它可以接受以下值:慢
返回(可选)参数是在淡出完成后执行的函数名;
$(按钮)。Click(函数(){)
$(# DIV1 )FadeToggle();
$(# DIV2)。FadeToggle(慢);
$(# div3 ),FadeToggle(3000);
}); / /点击按钮,不同的效应消退,ID是DIV1,格式,div3元素;
/ / jQuery褪变成了()方法允许梯度被改变到一个给定的不透明度(0~1);
$(选择器)。FadeTo(速度、透明度、回调);
速度(必填)指定时间效果的长度。它可以接受以下值:慢
不透明度(要求)将为给定的淡入淡出效果设置参数(值在0和1之间);
返回(可选)参数是在淡出完成后执行的函数名;
$(按钮)。Click(函数(){)
$(# DIV1)。FadeTo(慢
$(# DIV2)。FadeTo(慢
$(# div3)。FadeTo(慢
}); / /点击按钮,透明度和淡出IDDIV1,格式,div3元素;
3和jQuery的滑动效果

使用jQuery,您可以在元素上创建滑动效果。

jQuery有以下滑动方法:

SlideDown()
SlideUp()
SlideToggle()
The //jQuery slideDown () method is used to slide down the element;
$(选择器)SlideDown(速度、回调);
速度(可选)参数指定效果的长度,它可以接受以下值:慢
返回(可选)参数是在幻灯片完成后执行的函数名;
$(#翻转)。Click(function(){)
$(#面板)SlideDown();
};
/ / jquery向上方滑出()方法用于幻灯片元素;
$(选择器)SlideUp(速度、回调);
速度(可选)参数指定效果的长度,它可以接受以下值:慢
返回(可选)参数是在幻灯片完成后执行的函数名;
$(#翻转)。Click(function(){)
$(#面板)SlideUp();
};
/ / jQuery slidetoggle()方法之间可以交换()和slideup slideDown()方法;
/ /如果元素向下滑动,然后slidetoggle()可以滑起来;
/ /如果幻灯片的元素,然后slidetoggle()可以滑下来;
$(选择器)SlideToggle(速度、回调);
速度(可选)参数指定效果的长度,它可以接受以下值:慢
返回(可选)参数是在幻灯片完成后执行的函数名;
$(#翻转)。Click(function(){)
$(#面板)SlideToggle();
};
以上是本文的全部内容,希望本文的内容能给大家的学习工作带来一定的帮助,同时也希望能给予更多的支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部