• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery常用特效方法使用示例

jquery常用特效方法使用示例

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jquery常用特效等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

1. jQuery fadeIn() 用于淡入已隐藏的元素。

语法:

实例:

2. jQuery fadeOut() 方法用于淡出可见元素。

语法:

3.jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

语法:

实例:$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

4.。语法:

$(selector).fadeTo(speed,opacity,callback);

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

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。实例

  $("#div1").fadeTo("slow",0.15);

 $("#div2").fadeTo("slow",0.4);

 $("#div3").fadeTo("slow",0.7);

});

5. jQuery slideDown() 方法用于向下滑动元素。

语法:

6. jQuery slideUp() 方法用于向上滑动元素。

语法:

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

7. jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

如果元素向下滑动,则 slideToggle() 可向上滑动它们。

如果元素向上滑动,则 slideToggle() 可向下滑动它们。

8. jQuery animate() 方法用于创建自定义动画。

语法:

必需的 params 参数定义形成动画的 CSS 属性。

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

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

也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=:

也可以定义一组animate,实现队列功能。

下面的例子演示 animate() 方法的简单应用;它把 <div> 元素移动到左边,直到 left 属性等于 250 像素为止:

实例

9. jQuery stop()方法用于停止动画或效果,在它们完成之前

10.当动画 100% 完成后,即调用 Callback 函数。

典型的语法:

11. jQuery 方法链接

有些元素只要获取一遍就可以,所以可以利用链接对方法追加。

就是方法点方法。如

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-08-16jQuery中size()方法用法实例
  • 2017-08-16jquery 查找新建元素代码
  • 2017-08-16使用js dom和jquery分别实现简单增删改
  • 2017-08-16jQuery学习7 操作JavaScript对象和集合的函数
  • 2017-08-16jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
  • 2017-08-16Jquery 例外被抛出且未被接住原因介绍
  • 2017-08-16实例详解jQuery Mockjax 插件模拟 Ajax 请求
  • 2017-08-16多种方法实现360浏览器下禁止自动填写用户名密码
  • 2017-08-16jQuery Selectors(选择器)的使用(七、子元素篇)
  • 2017-08-16jQuery ui 1.7更新小结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery实现行文字链接提示效果的方法
    • 七个不允许错过的jQuery小技巧
    • 基于jquery自定义图片热区效果
    • 基于jQuery插件jqzoom实现的图片放大镜效果示例
    • jQuery图片预加载 等比缩放实现代码
    • 使用jquery组件qrcode生成二维码及应用指南
    • jQuery插件Validate实现自定义表单验证
    • jQuery Ajax 实现在html页面实时显示用户登录状态
    • jQuery Ajax 全局调用封装实例代码详解
    • JQuery EasyUI 日期控件如何控制日期选择区间

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有