开发工具与关键技术:VS,JQ
作者:刘任锋
撰写时间:2021年5月28日
01.jQuery 效果 - 隐藏和显示
jQuery hide() 隐藏和jQuery show()显示;
Html:
ID #all这个块是黑边包裹的块,
ID #ook是绿色的块,
其中#all包裹着绿色的#ook;
Js:
首先将ID #ook的值赋值为over;再将它的值赋值为true,然后写点击事件和判断;
效果图
点击黑边圈住部分,绿色的块将隐藏;
再次点级黑边圈住部分,绿色的块将显示;
02.jQuery 效果 - 淡入淡出
jQuery Fading();
jQuery fadeOut() 方法用于淡出可见元素。
jQuery fadeIn() 用于淡入已隐藏的元素。
Html:
js:
隐藏和显示的速度为Slow;
效果图:
点击淡入时,蓝色块隐藏。
点击淡出时,蓝色块显示。