程序博客网 > cocos2d-js webgl

jQuery的动画-上下滑动

来源：互联网发布：cocos2d-js webgl 编辑：程序博客网时间：2024/05/16 18:30

三、上下滑动

1.slideDown()：向下滑动元素

2.slideUp()：向上滑动元素

3.slideToggle()：在 slideDown() 与 slideUp() 方法之间进行切换

这个3个方法的使用方法是一样的，这里以slideDown方法为例：

$(selector).slideDown(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

布局如下，这里我们设置2个p标签，其中一个是标题，一个是提示语和一张图片

<body>

<p id="title">隐藏图片</p>

<img src="Images/01.jpg"/>

<p id="tip"></p>

</body>

首先通过点击隐藏图片的p标签实现图片的向上滑动，图片向上滑动隐藏，此时p标签的内容会改为显示图片，当再次点击显示图片后，图片会向下滑动显示出来。代码如下：

0 0

cocos2d-js webgl

cocos2d-js webgl

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子手机维修被骗怎么办华为电量不足怎么办华为手机有虚电怎么办捡到华为手机怎么办新手机弯曲怎么办手机轻微弯曲怎么办 opop组版弯了怎么办 oppor15弯了怎么办歌曲码率太低怎么办华为手机铃音小怎么办抖音没有的歌曲怎么办抖音没有的歌怎么办抖音上没有的歌怎么办华为mate8进水怎么办 mate10掉水里了怎么办华为触屏太灵敏怎么办华为10鬼触屏怎么办 mate10屏幕闪动怎么办汽车中控屏不灵怎么办手机屏幕太黄怎么办? 华为mate7进水怎么办手机产生静电怎么办华为触摸屏不灵怎么办? 手机玩吃鸡太卡怎么办手机吃鸡太卡怎么办 wps文字重叠怎么办 mac office激活怎么办浏览器键盘失效怎么办华为浏览器出错怎么办钢化膜不吸附怎么办小米usb打不开怎么办小米音箱死机怎么办手机连不上wlan怎么办华为连不上wlan怎么办电脑wifi连不上怎么办由器连不上网怎么办 wifi连接不了怎么办华硕连不上wifi怎么办手机内屏摔坏了怎么办? wifi未联网怎么办 win8网络受限怎么办