本篇文章给大家带来的内容是介绍jquery可以实现怎样的特效?jquery特效的使用(代码示例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。【相关视频教程推荐:jquery教程】
1、 jQuery 效果 --隐藏和显示
使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。
示例:
My Test JQuery

2、 jQuery 效果 - 淡入淡出
(1) fadeIn() 方法用于淡入已隐藏的元素。
(2) fadeOut() 方法用于淡出可见元素。
(3) fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则添加淡入效果。如果元素已淡入,则添加淡出效果。
(4) fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
示例:
My Test JQuery
3、jQuery 效果 -滑动
(1) slideDown() 方法用于向下滑动元素。
(2) slideUp() 方法用于向上滑动元素。
带QQ和旺旺右侧悬浮在线客服是一款非常实用的作品,实现了悬浮右侧带QQ和阿里旺旺的jquery在线客服特效,jquery代码量非常少,使用简单,移植过来就可以直接使用,主要是层的显示和隐藏功能、鼠标悬浮等。
(3) slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。如果元素已向下滑动,则向上滑动它们。如果元素已向上滑动,则向下滑动它们。
示例:
My Test JQuery
4、jQuery 效果 - 动画
animate() 方法用于创建自定义动画。
示例:
My Test JQuery
5、jQuery -- 停止动画
stop() 方法用于停止动画或效果,在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
示例:
My Test JQuery
6、 jQuery -- 链式编程
链式编程:在相同的元素上运行多条 jQuery 命令,一条接着另一条。这样的话,浏览器就不必多次查找相同的元素。如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
示例:
My Test JQuery
总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多jQuery特效,推荐访问:js特效大全!









