JQuery animation base
| Property name | Property Description |
|---|---|
| show(speed,fn) | Display element |
| hide(speed,fn) | Hidden elements |
| toggle(speed,fn) | 1. 2. Hide the display elements display the hidden elements |
Parameter 1: animation duration. Unit: ms
Parameter 2: Functions performed after the animation is completed, do not write
Code Example:
<script type="text/javascript" src="../js/jquery-3.3.1.js" ></script>
<script>
function run1(){
var picture = $("#picture");
picture.hide(2000);
}
function run2(){
var picture = $("#picture");
picture.show(2000);
}
function run3(){
var picture = $("#picture");
picture.toggle(2000);
}
</script>
</head>
<body>
<img id="picture" src="../img/1.jpg" />
<button onclick="run1()">点击隐藏图片</button>
<button onclick="run2()">点击显示图片</button>
<button onclick="run3()">显示/隐藏图片</button>
</body>
| Property name | Property Description |
|---|---|
| slideDown(speed,fn) | Display element |
| slideUp(speed,fn) | Hidden elements |
| slideToggle(speed,fn) | 1. 2. Hide the display elements display the hidden elements |
The code reference Example
| Property name | Property Description |
|---|---|
| fadeIn(speed,fn) | Display element |
| fadeOut(speed,fn) | Hidden elements |
| fadeToggle(speed,fn) | 1. 2. Hide the display elements display the hidden elements |
The code reference Example
