jQuery 滑动函数 - slideDown, slideUp, slideToggle
jQuery 拥有以下滑动函数:
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
speed 参数可以设置这些值:"slow", "fast", "normal" 或 毫秒。
callback 参数是在 hide 或 show 函数完成之后被执行的函数名称。您将在本教程下面的章节学习更多有关 callback 参数的知识。
slideDown() 实例
$(".flip").click(function(){
$(".panel").slideDown();
});
slideUp() 实例
$(".flip").click(function(){
$(".panel").slideUp()
})
slideToggle() 实例
$(".flip").click(function(){
$(".panel").slideToggle();
});
jQuery Fade 函数 - fadeIn(), fadeOut(), fadeTo()
jQuery 拥有以下 fade 函数:
$(selector).fadeIn(speed,callback)
$(selector).fadeOut(speed,callback)
$(selector).fadeTo(speed,opacity,callback)
speed 参数可以设置这些值:"slow", "fast", "normal" 或 毫秒。
fadeTo() 函数中的 opacity 参数规定减弱到给定的不透明度。
callback 参数是在 hide 或 show 函数完成之后被执行的函数名称。您将在本教程下面的章节学习更多有关 callback 参数的知识。
fadeTo() 实例
$("button").click(function(){
$("div").fadeTo("slow",0.25);
});
fadeOut() 实例
$("button").click(function(){
$("div").fadeOut(4000);
});
分享到:
相关推荐
jQuery图片自动滑动门效果,网上看到的,觉得不错上传上来,供大家一起共同分享学习。
jQuery制作单页面滑动效果仿猎豹浏览器 学习web的看看吧
jquery鼠标悬停图片高亮滑动效果实例源码,供大家一起共同参考学习。
实现滑动的原理是:控制同级元素的整体位置 再通过jquery的动作animate 缓慢的实现这一过程 则就会显现滑动效果 下面是菜鸟的代码演示 代码的最后方有免费的源文件可以下载 供和我一样的初学者学习和交流 同时也希望...
jquery写的非常漂亮的图片展示效果!代码简单好理解,适合刚学习的朋友!
Jquery实现评论内容上下滑动切换效果实例源码,供大家一起参考学习。
Jquery实现关键字滑动效果和层气泡提示特效实例源码,供大家一起参考学习。
jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 jQuery图片特效404 jQuery图片特效CustomAnimationBanner jQuery图片特效FullPageImageGallery jQuery图片特效image Scroller图片滚动 jQuery图片特效...
源码使用HTML、CSS及简单的jquery方法实现了简单的图片手风琴下拉效果,实现手风琴导航效果的思路:当鼠标...源码关键处附有简单的注释说明,适合初学者学习参考。 网页效果编辑工具:VScode Dw等前端网页编辑工具均可
jQuery animate 滑块滑动效果,学习jquery的朋友可以看下。
这是一款带滑动条的jQuery滑动菜单,菜单下边有一个蓝色的线条,鼠标移上哪里它就跟向哪里,可以指引当前菜单的位置,另外,动画效果是基于jquery的animate(),对此有兴趣学习的正好可参考下代码。 运行效果截图如下...
jquery下拉选择效果,供大家一起共同分享学习。
第六章:效果篇 - jQuery中的动画效果 第二十六节:jQuery速成- 动画实现的基本方法 第二十七节:jQuery速成- 元素的渐隐渐显 第二十八节:jQuery速成- 元素的滑动 第二十九节:jQuery速成- 自定义动画 第七章:工具...
18.jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 19.jQuery图片自动轮播淡入淡出的幻灯插件iFadeSlide 20.jQuery大气banner带时间线自动播放的焦点图轮番切换代码 21.jquery定时自动切换banner...
一个鼠标提示效果,应用了jQuery+CSS技术实现,鼠标移到链接文字上会弹出一个图片+文字的层提示框,鼠标移走后提示自动消失,从老外网站发现的,技术值得借鉴和学习。
轮番图常用的图片信息展示效果 也是每一个初级前端人员需要学习的效果 实现滑动的原理是:控制同级元素的整体位置 再通过jquery的动作animate 缓慢的实现这一过程 则就会显现滑动效果 下面是菜鸟的代码演示 代码的...
jquery仿QQiPhone首页图片滑动代码,鼠标放在下面的滑块上,就可以看到图片滚动的效果,在腾讯的QQ iphone首页有类似效果,仿做的,虽然腾讯的前端工程师做的好,但做为学习资料,同样值得jQuery爱好者参考。
自己写的一个简单图片滑动效果,用了jquery。喜欢web设计的朋友可以一起学习讨论
经典的JS特效动画效果,效果实现的全部代码已提供,可供学习借鉴
本文实例讲述了jquery实现最简单的滑动菜单效果代码。分享给大家供大家参考。具体如下: 这是一款最简单的jQuery下拉滑出菜单,jQuery代码实现,这里没有过多的去修饰菜单,仅是一些基本的实现,特别是对学习jQuery...