-
下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display:none ?如 果提供回調(diào)函數(shù)參數(shù)，callback會在動畫完成的時候調(diào)用。將不同的動畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是 this會設(shè)成將要執(zhí)行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調(diào)函數(shù)會在每一個元素執(zhí)行完動畫后都執(zhí)行一次，而不是這組 動畫整體才執(zhí)行一次查看全部
-
show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設(shè)置 ?如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法才能正常工作，必須使用.css('display', 'block !important')重寫樣式 ?如果讓show與hide成為一個動畫，那么默認(rèn)執(zhí)行動畫會改變元素的高度，高度，透明度查看全部
-
隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性。但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時候，一般是通過js控制元素的style屬性，這里jQuery提供了一個快捷的方法.hide()來達(dá)到這個效果 $elem.hide() 提供參數(shù)： .hide( options ) 當(dāng)提供hide方法一個參數(shù)時，.hide()成為一個動畫方法。.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進(jìn)行動畫操作 快捷參數(shù)： .hide(fast / slow) 這是一個動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執(zhí)行200/600毫秒的動畫后在隱藏查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); if (v == "1") { //觀察每一次動畫的改變 $aaron.animate({ height: '50' }, { duration :2000, //每一個動畫都會調(diào)用 step: function(now, fx) { $aaron.text('高度的改變值:'+now) } }) } else if (v == "2") { //觀察每一次進(jìn)度的變化 $aaron.animate({ height: '50' }, { duration :2000, //每一步動畫完成后調(diào)用的一個函數(shù)， //無論動畫屬性有多少，每個動畫元素都執(zhí)行單獨的函數(shù) progress: function(now, fx) { $aaron.text('進(jìn)度:'+arguments[1]) // var data = fx.elem.id + ' ' + fx.prop + ': ' + now; // alert(data) } }) } }); </script>查看全部
-
function(now, fx) {$aaron.text('高度的改變值:'+now)}；傳入兩個參數(shù) now是當(dāng)前運動的值，如果你設(shè)置運動時height那他就是height,如果有多個運動參數(shù)now的值為最后一個參數(shù)值，fx為運動對象的引用，函數(shù)不止可以讓你傳出運動對象的運動值同時你也可以通過fx控制對象的其他屬性，例如fx.elem.id 可以獲取id試問可以獲取對象id還有什么不能做到啊，fx很好用的查看全部
-
停止動畫stop stop() 點擊停止，動畫1停，動畫2會繼續(xù)，再點擊停，動畫2會停，動畫3會繼續(xù) stop(true) 點擊停止，動畫都停了。后面的不會繼續(xù)了。 stop(true,true) 在動畫1運動時，點擊停，直接跳到動畫1的目標(biāo)狀態(tài)。點擊執(zhí)行，動畫2繼續(xù)，點擊停，直接跳到動畫2的目標(biāo)狀態(tài)。狀態(tài)3同理。 點擊停后，后面的動畫會自動繼續(xù)的只有stop() 注意：如果動畫未完成停止了，那么動畫完成時執(zhí)行的回調(diào)函數(shù)是不會被調(diào)用的。查看全部
-
animate(下) 傳遞一個對象參數(shù)，拿到動畫執(zhí)行狀態(tài)的一些通知。 .animate(properties,options) options參數(shù)： duration:動畫執(zhí)行的使勁 easing:規(guī)定要使用的easing函數(shù)，過渡使用哪種緩動函數(shù) step:規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù)。 progress:每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào)，就是一個進(jìn)度的概念。 complete:動畫完成回調(diào) 注意：如果多個元素執(zhí)行動畫，回調(diào)將在每個匹配的元素上執(zhí)行一次，不是作為整個動畫執(zhí)行一次。 arguments是javaScript的內(nèi)置對象，類數(shù)組，儲存的是函數(shù)的參數(shù)。通過使用arguments對象，函數(shù)能夠調(diào)用數(shù)量不確定的參數(shù)。arguments[1]表示函數(shù)progress的第二個參數(shù)，即fx。 代碼案例中，+ arguments[1] 相當(dāng)于 + fx 結(jié)果是一樣的查看全部
-
<script> $(".demo").animate({ first:2, second:10 }, { step:function(n,fx){ // 動畫元素的每個動畫屬性每一次動畫效果的執(zhí)行都將調(diào)用的函數(shù)。第1個參數(shù)是當(dāng)前動畫正在改變的屬性的實時值（每1次動畫過程中，屬性值的實時反饋呈現(xiàn)）；第2個參數(shù)為修改Tween 對象提供了一個機(jī)會來改變animate第1個參數(shù)中設(shè)置的屬性在動畫結(jié)束時的值。 // fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 // 執(zhí)行動畫的元素：elem; // 動畫正在改變的屬性：prop; // 正在改變屬性的當(dāng)前值：now; // 正在改變屬性的結(jié)束值：end; // 正在改變屬性的單位：unit;等 // 可在這里改變animate第1個參數(shù)中設(shè)置的屬性second在動畫結(jié)束時的值 if(fx.prop=="second"){fx.end=5} console.log(fx.prop+": "+n); }, duration:2000 }) </script>查看全部
-
動畫animate(上) animate方法更靈活，可以精確的控制樣式屬性從而執(zhí)行動畫。 .animate({properties},duration,function) 屬性設(shè)置，持續(xù)時間，回調(diào)函數(shù) properties:一個或多個css屬性的鍵值對所構(gòu)成的Object對象。要特別注意所有用于動畫的屬性必須是數(shù)字的，除非另有說明；比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動畫效果的。background-color很明顯不行。 注意，css樣式使用DOM名稱(比如"fontSize")來設(shè)置，而非css名稱(比如"font-size") 特別注意單位，屬性值的單位是像素(px),除非另有說明，單位em和%需要指定使用。 如 .animate({ width:100, left:"20px", opacity:"show", fontSize:"10em" },1000) 除了定義數(shù)值，每個屬性能使用"show","hide",和"toggle"?？旖菘刂骑@示、隱藏、切換 .animate({ left:"+=100px" },"fast"); 變化后的左邊距，是當(dāng)前的左邊距+100px duration持續(xù)時間，以毫秒為單位，數(shù)值越大，越慢，還可以用"fast"和“slow”，分別表示持續(xù)時間為200毫秒和600毫秒。查看全部
-
toggle、slideToggle與fadeToggle toggle:切換顯示與隱藏結(jié)果；動態(tài)效果是從右向左，橫向運動。 slideToggle:切換上下收起展開；動態(tài)效果從下至上，豎向運動。 fadeToggle：切換淡入淡出； fadeIn(淡入),fadeOut(淡出),fadeTo(到指定透明度)查看全部
-
淡入效果fadeTo fadeIn和fadeOut都是修改元素的opacity屬性，變化的區(qū)間是0-1 fadeTo可以直接變化到給定的透明度。 .fadeTo(duration,opacity,function) 持續(xù)時間，透明度，回調(diào)函數(shù)（非必需）查看全部
-
1、get方法是通過已知的索引在合集中找到對應(yīng)的元素。如果反過來，已知元素如何在合集中找到對應(yīng)的索引呢？ 2、.index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數(shù)。 （1）語法：參數(shù)接受一個jQuery或者dom對象作為查找的條件 ①.index() ②.index( selector ) ③.index( element ) 注意： ①如果不傳遞任何參數(shù)給.index()方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 ②如果在一組元素上調(diào)用.index()，并且參數(shù)是一個DOM元素或jQuery對象，.index()返回值就是傳入的元素相對于原先集合的位置 ③如果參數(shù)是一個選擇器，.index()返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則.index()返回-1 （2）例如 <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> ①$("li").index()沒有傳遞參數(shù)，反正的結(jié)果是1，它的意思是返回同輩的排列循序，第一個li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1 ②如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結(jié)果：1 $("li").index($("#test2")) //結(jié)果:1查看全部
-
1、jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到 （1）例如 以下有3個a元素結(jié)構(gòu)： <a>1</a> <a>2</a> <a>3</a> 通過jQuery獲取所有的a元素合集$("a")，如果想進(jìn)一步在合集中找到第二2個dom元素單獨處理，可以通過get方法 （2）語法： .get( [index ] ) 注意： ①get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 ②get方法是從0開始索引 所以第二個a元素的查找：$(a).get(1) （3）負(fù)索引值參數(shù) ①get方法還可以從后往前索引，傳遞一個負(fù)索引值，注意的負(fù)值的索引起始值是-1 同樣是找到第二元素，可以傳遞$(a).get(-2)查看全部
-
1、頁面中，通過input可以獲取用戶的輸入值，例如常見的登錄信息的提交處理。用戶的輸入不一定是標(biāo)準(zhǔn)的，輸入一段密碼：' 1123456 "，注意了： 密碼的前后會留空，這可能是用戶的無心的行為，但是密碼確實又沒錯，針對這樣的行為，開發(fā)者應(yīng)該要判斷輸入值的前后是否有空白符、換行符、制表符這樣明顯的無意義的輸入值。 2、jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 這個函數(shù)很簡單，沒有多余的參數(shù)用法 注意： ①移除字符串開始和結(jié)尾處的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） ②如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
1、在PHP有in_array()判斷某個元素是否存在數(shù)組中，JavaScript卻沒有，但是jQuery封裝了inArray()函數(shù)判斷元素是否存在數(shù)組中。 注意：在ECMAScript5已經(jīng)有數(shù)據(jù)的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法 2、jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。 （1）語法： jQuery.inArray( value, array [, fromIndex ] ) （2）用法非常簡單，傳遞一個檢測的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始 （3）例如：在數(shù)組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應(yīng)的索引：4 注意：如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷查看全部
舉報
0/150
提交
取消