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();
};
以上是本文的全部内容,希望本文的内容能给大家的
学习或
工作带来一定的帮助,同时也希望能给予更多的
支持!