博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery动画
阅读量:4979 次
发布时间:2019-06-12

本文共 671 字,大约阅读时间需要 2 分钟。

实用方法和js基本上一样,略有不同;

jq获取的对象和js获取的对象不一样,jq获取的对象只能用jq的方法;

jQuery里面全是方法,所以都要加小括号;

jQuery所有的事件吧on去掉就上小括号,就是jQuery的方法;

 

显示隐藏:

$("#div1").hide();   隐藏,浏览器中显示为display属性,

$("#div1").show();  显示,也是display属性。

拉下收起:

.slideUp();  由下往上收起,最后隐藏 display=none属性;

.slideDown();   由上往下拉出,最后显示;

淡入淡出:

.fadeIn();  dispaly 和 opactity属性, 淡入

.fadeOut();dispaly 和 opactity属性, 淡出

自定义动画:(渐变)

.animate({a},b,c,d)   可以只写前两个或者前三个;

a 要修改的属性;

b 多长时间执行结束

c 回调函数   执行结束后干什么

 

渐变色是不能通过这个直接变的,需要引用专门的jQuery.color,可以设置颜色,但是过渡色不能自己设置。

 

 

避免动画累计:

在执行动画之前,加上 .stop()  取消所有动画;这里用到了第三个参数,动画结束后把背景色改成蓝色;

.css("","")这里的属性该怎么写就怎么写,不想js一样吧“-”变成字母大写。

 

 但是有一些动画效果也是jQuery做不了的 比如阴影 还是用js来写;

 

转载于:https://www.cnblogs.com/big-lll/p/6936769.html

你可能感兴趣的文章
bzoj4765: 普通计算姬 (分块 && BIT)
查看>>
看完漫画秒懂区块链
查看>>
Oracle命令类别
查看>>
stc12c5a60s2驱动TEA5767收音机模块硬件调试总结
查看>>
vue中提示$index is not defined
查看>>
css选择器
查看>>
ASP.NET上传下载文件
查看>>
Galaxy Nexus 全屏显示-隐藏Navigation Bar
查看>>
Spring中使用Velocity模板
查看>>
上周热点回顾(8.18-8.24)
查看>>
Feature toggle
查看>>
day02
查看>>
gvim 配置Pydiction
查看>>
Linux安装指定mysql版本
查看>>
分布式锁的三种实现方式
查看>>
poj 2109 pow函数也能这么用?p的开n次方
查看>>
Oracle database link
查看>>
python调用shell小技巧
查看>>
TL431的几种常用用法
查看>>
js 经典闭包题目详解
查看>>