-
$("#exec").click(function(){
var v=$("#animation").val();
var $aaron=$("#aaron");
$aaron.empty();
if(v=="1"){
//遍歷數組元素
$.each(['Aaron','慕課網']，function(i,item){
$aaron.append("索引="+i+";元素+"+item);
});
}else if(v=="2"){
$.each({
name:"張三",
age:18
},function(property,value){$aaron.append("屬性名="+property+";屬性值="+value)；
})；
}
})；
查看全部 -
$("#exec").click(function(){
$("#aaron").animate({
height:300
},5000)
$("#aaron").animate({
width:300},5000)
$("#aaron").animate({
opacity:0.6},2000)
})
$("#stop").click(function(){
var v=$("#animation").val();
var $aaron=$("#aaron");
if(v=="1"){
$aaron.stop()
}else if(v=="2"){
$aaron.stop()
}else if(v=="2"){
$aaron.stop(true)
}else if(v=="3"){
$aaron.stop(true,true)
}
});
查看全部 -
$("#exec").click(function(){
var v=$("#animation").val();
var $aarron=$("#aaron");
if(v=="1"){
$aaron.animate({
height:'50'
},{
duration:2000,
step:function(now,fx){
$aaron.text('高度的改變值：'+now)
}
})
}else if(v=="2"){
$aaron.animate({
height:'50'
},{
duration:2000,
progress:function(now,fx){
$aarron.text('進度'+argument[1])
}
})
}
})
查看全部 -
$("#btnFadeSwitch").click(function(){
var v=$("#animation").val();
if(v=="1"){
$("p").fadeTo("slow",0.5);
}else if(v=="2"){
$("p").fadeTo(1000,0.2);
}else if(v=="3"){
$("p").fadeTo(1000,0.9,function(){
alert('完成')
});
}
});
查看全部 -
$("#btnFadeIn").click(function(){
????var v=$("#nanimation").val();
if(v=="1"){
$("p").fadeIn();
}else if(v=="2"){
$("p").fadeIn("slow");
}else if(v=="3"){
$("p").fadeIn("slow");
}else if(v=="3"){
$("p").fadeIn(3000);
}else if(v=="4"){
$("p").fadeIn(2000,function(){
alert("顯示完畢")；
})；
}else if(v=="5"){
$("p").fadeIn(1000,"linear");
}else if(v=="6"){
$("p").fadeIn({
duration:1000
});
}
});
$("#btnHide").click(function(){
$("p").hide();})
查看全部 -
如果多個元素執行動畫，回調將在每個匹配的元素上執行一次，不是作為整個動畫執行一次
查看全部 -
持續時間（duration）是以毫秒為單位的，數值越大，動畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數被省略，那么默認使用400 毫秒的延時。
下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none
查看全部 -
當提供hide方法一個參數時，.hide()就會成為一個動畫方法。.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進行動畫操作
查看全部 -
linear 淡出效果線性變化，也就是勻速變化
查看全部 -
如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置
如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置
如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1
查看全部 -
get方法是通過已知的索引在合集中找到對應的元素。如果反過來，已知元素如何在合集中找到對應的索引呢？
.index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數。
查看全部 -
get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象
get方法是從0開始索引
查看全部 -
jQuery.trim()函數用于去除字符串兩端的空白字符
這個函數很簡單，沒有多余的參數用法
需要注意：
移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab）
如果這些空白字符在字符串中間時，它們將被保留，不會被移除
查看全部 -
jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回?-1。 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷
查看全部 -
stop()：只會停止第一個動畫，第二個第三個繼續
stop(true)：停止第一個、第二個和第三個動畫
stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態?
查看全部
舉報