手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用jQuery UI开发Web程序(13)

时间:2024-11-23 19:35:44

1、访问jQuery UI官网,进入【API Documentation】页面,如下图所示。

如何使用jQuery UI开发Web程序(13)

2、Effects之Blind Effect,The blind effect hides or shows an e造婷用痃lement by wrapping the element in a container, and “pulling the blinds”.

如何使用jQuery UI开发Web程序(13)

3、Effects之Blind Effect,Click anywhere to toggle the box(点击切换盒子的任何地方).运行效果如下图所示。

如何使用jQuery UI开发Web程序(13)
如何使用jQuery UI开发Web程序(13)

4、Effects之Blind Effect,详细描述,如下图所示。

如何使用jQuery UI开发Web程序(13)

5、Effects之Bounce Effect,哌囿亡噱The bounce effect bounces an element. When used with hide or show, the last or first bounce will also fade in/out(反弹效应反弹一个元素,当使用隐藏或是显示,最后或是第一个反弹元素将海水淡入或弹出。).Bounce Effect案例代码,如下图所示。

如何使用jQuery UI开发Web程序(13)

6、Effects之Bounce Effect,运行前后,如下面两张图所示。

如何使用jQuery UI开发Web程序(13)
如何使用jQuery UI开发Web程序(13)

7、Effects之Bounce Effect,语法描述如下图所示。

如何使用jQuery UI开发Web程序(13)
© 手抄报圈