JQuery特效與動畫總結

2021-09-06 05:45:01 字數 723 閱讀 5032

幾種特效

一、顯示與隱藏show、hide

js寫法:

docment.getelementbyid("p1").style.display="block";

document.getelementbyid("p1").style.display="none";

jquery顯示與隱藏的方法:

$("#p1").css("dislay":"block");  轉化成模組元素顯示

$("#p1").css("display":none); 

eq:$(function ()

else

})})

$("a").click(function())

})$("img").click(function())

顯示二、toggle()方法

該方法優點是自動切換顯示狀態(不需要檢測當前的顯示狀態)

有三種呼叫格式:

toggle();

toggle(switch);  根據邏輯引數呼叫,switch當為true時顯示元素,當為false時隱藏元素

toggle(speed,[callback]) 

$("#button1").click(function () )

$("input:eq(1)").click(function () )

$("#button3").click(function () );

})})

jQuery 動畫與特效

在jquery中使用 hide 和 show 方法來隱藏和顯示 html 元素 hide 的語法形式 selector hide speed,callback show 的語法形式 selector show speed,callback speed 引數規定隱藏 顯示的速度,可以取以下值 slow...

jQuery特效動畫

jquery提供了很多動畫效果 一.控制元素顯示和隱藏 以前可以通過css 方法改變元素的display屬性的值達到顯示 block 和隱藏 none 元素的目的。在jquery中,提供了專門的方法控制元素的顯示和隱藏,並且增加了動畫效果。show 等同於 selector css display ...

jquery中動畫特效方法

基本特效 方法 說明 show 顯示選中的元素 hide 隱藏選中的元素 toggle 在選中的元素上切換顯示和隱藏的狀態 淡入淡出效果 方法 說明 fadein 淡入選中元素使其變得不透明 fadeout 淡出選中元素使其變得透明 dadeto 修改選中元素的透明度 fadetoggle 使用透明...