Time of Update: 2013-10-16
參數類型說明elelement必需,為頁面元素beginnumber必需,開始的位置changenumber必需,要移動的距離durationnumber可選,緩動效果期間,預設是500ms。建議取300~1000ms。fieldstring必需,要發生變化的樣式屬性。請在top,left,bottom,right,width與height中選擇。ftpnumber可選,每秒進行多少幀動畫,預設50幀,保證流暢播放。一些參考資料,日本動畫1秒36幀,中國卡通24幀,賽車遊戲60幀。easefun
Time of Update: 2013-10-16
後面兩個Class為空白來應對可能增加的列數來調節列寬 $("div>p").parent().not($(".grid_2")).filter("nth-child("+lenth+"n+1)")來選擇每行的第2列,但是卻選中了第三列,百思不得其解 利用firbug查詢該元素無意發現元素下的nodeindex(nodeindex為同級元素中的先後順序)和參數an+b計算後的值相同,原來想直接利用nodeindex選擇第2列好了但是不知道如何做好
Time of Update: 2013-10-16
在IE9中列印沒有問題,但IE6、7、8都會出現前幾頁空白的情況(只顯示列頭資訊),找了很久,才發現是ui-jqgrid-bdiv樣式類(在ui.jqgrid.css內)中的overflow引起的,在列印之前將其刪除,列印之後將其恢複即可。 列印時的CSS樣式如下: 複製代碼 代碼如下: <style type="text/css" media="print"> #accordion h3, #vcol, div.loading,
Time of Update: 2013-10-16
效果如下
Time of Update: 2013-10-16
但不幸的是,很多服務返回的資料仍然是XML格式的。 jquery對於xml這種資料的處理是內建支援的,這一點沒有任何問題。但前提是返回的資料沒有帶任何命名空間。例如下面這份資料 複製代碼 代碼如下: <?xml version="1.0" encoding="utf-8" ?> <data> <Employee id="1" firstName="ares" lastName="chen"></Employee> <Employee id="
Time of Update: 2013-10-16
這次還是利用原來代碼的組織圖重新加強了功能,目前來說還有兩個小問題,第一個是ie6下自訂彈出層會出現無法遮住select的情況,目前還沒加入到組件裡,可以自己在自訂的div裡面加上ifame來遮罩,組件內建的彈出層可以遮住。第二個問題,由於是絕對位置,所以在改變瀏覽器視窗大小的時候會出現無法自動跟隨。大家試試就知道了,當然問題肯定不少,只是這兩個我認為比較重要的,暫時列出來,以後修複。 下面是代碼,裡面都有注釋,可以直接運行。 線上示範 http://demo.jb51.net/js/2011/
Time of Update: 2013-10-16
在該書2.8.4節中講到String類中的subString()方法和slice()方法,其用法和返回結果都基本相同,如下樣本: 複製代碼 代碼如下: var strObj = new String("hello world"); alert(strObj.slice(3)); // 輸出結果:"ol world" alert(strObj.subString(3)); // 輸出結果:"ol world" alert(strObj.slice(3, 7)); // 輸出結果:"lo
Time of Update: 2013-10-16
三級下拉式功能表的實現: 複製代碼 代碼如下: function list(idstr){ var name1="subtree"+idstr; var name2="img"+idstr; var objectobj=document.all(name1); var imgobj=document.all(name2); //alert(imgobj); if(objectobj.style.display=="none"){ for(i=1;i<22;i++){ var name3="
Time of Update: 2013-10-16
jQuery 常見操作實現方式$("標籤名") //取html元素 document.getElementsByTagName("")$("#ID") //取單個控制項document.getElementById("")$("div #ID") //取某個控制項中 控制項$("#ID #ID") // 通過控制項ID取其中的控制項$("標籤.class樣式名") //通過class來取控制項$("#ID").val(); //取value值$("#ID").val("");
Time of Update: 2013-10-16
一、{ } 大括弧,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面聲明了一個名為“LangShen”的對象,多個屬性或函數用,(逗號)隔開,因為是對象的屬性, 所以訪問時,應該用.(點)來層層訪問:LangShen.Name、LangShen.AGE,當然我們也可以用數組的方式來訪問,如:LangShen["Name"]、LangShen["AGE"],結果是一樣的。
Time of Update: 2013-10-16
複製代碼 代碼如下: $(function(){//指令碼}) Jquery(function(){//指令碼}) Jquery(document).ready(function(){//指令碼}) 以上三個代碼執行同一個動作,由於書寫方便,所以Jquery比其他應用程式更受歡迎,但是當與其他js程式庫一起使用的時候,特別是prototype.js同時使用時,不能使用$方法,因為他們也有該方法,可以用如下方法迴避這種衝突: jQuery(function($){//指令碼})
Time of Update: 2013-10-16
跟隨滑鼠的圖片特效 這裡放的是圖片 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]其實這段代碼很簡單,也很好理解,只是擷取了當前滑鼠在螢幕中的位置; 然後再把座標值賦給圖片,或者文字!當然要用到 position:absoluute; 絕對位置!
Time of Update: 2013-10-16
這些jQuery外掛程式包括示範、文檔說明等,欣賞吧!1. Galleriffic 下載與文檔 查看示範 2. jPhotoGrid 下載與文檔 查看示範 3. Galleria 下載與文檔 查看示範 4. YoxView 下載與文檔 查看示範 5. Micro Image Gallery 下載與文檔 查看示範 6. AD Gallery 下載與文檔 查看示範 7. slideViewerPro 下載與文檔 查看示範 8. Galleryview 下載與文檔 查看示範 9.
Time of Update: 2013-10-16
下面的checkBrowser()函數主要檢測了三種瀏覽器(IE, firefox, chrome),其它的瀏覽器的檢測有興趣的朋友可以自行添加檢測代碼! HTML部分代碼: (頁面載入時執行檢測函數) 複製代碼 代碼如下: <body onload="checkBrowser()"> <p id="userAgent"></p> <p id="browser"></p> </body> javascript部分代碼:
Time of Update: 2013-10-16
只是初始狀態;這是點擊後效果。首相分析下需求:1,首先在頁面中建立導航,單擊標題的時候,隱藏內容,同時小表徵圖也改變。2,單擊更多的時候,顯示隱藏的連結內容,並將"更多"變成"簡化",改變小表徵圖,並高亮部分連結。下面是完整代碼:複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> &
Time of Update: 2013-10-16
a.scrollTop的計算; b.滾動元素的定位值計算; c.滾動周期設定; 代碼如下: css部分: 複製代碼 代碼如下: /*測試用的高度*/ body{ height:3000px;} div,ul,li,body{margin:0; padding:0;} /*position:absolute;用於元素的定位*/ #roll{width:50px; height:100px; background:#99CC00; position:absolute;} Html代碼: 複製代碼
Time of Update: 2013-10-16
複製代碼 代碼如下: /*7536-7646*/ animate: function( prop, speed, easing, callback ) { if ( jQuery.isEmptyObject( prop ) ) { return this.each( optall.complete ); } //#7864行this.options.complete.call( this.elem
Time of Update: 2013-10-16
提示:我們要時刻注意瀏覽器緩衝, 當使用GET方式時要新增時間戳記參數 (net Date()).getTime() 來保證每次發送的URL不同, 可以避免瀏覽器緩衝. 提示: 當在url參數後面添加了一個空格, 比如" "的時候, 會出現"無法識別符號"的錯誤, 請求還是能正常發送. 但是無法載入HTML到DOM. 刪除後問題解決. $("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" +
Time of Update: 2013-10-16
ONE已經產生的資料表格大致內容如下:地區地區商品代碼商品名稱數量有效期間至距效期(月)產品批號規格單位條碼廣東深圳00028紅花油 廣東深圳00028紅花油 廣東深圳00028紅花油 廣東廣州00027白花油 &nbs
Time of Update: 2013-10-16
與keypress不同的是,該事件只會在使用者輸入可視字元時觸發,而keypres事件則只要按下鍵即觸發(如CapsLock,Backspace)。 可看到textInput考慮的主要是字元,可以通過事件對象的data屬性擷取所輸入字元。 樣本 DOM3 event textInput [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 目前只有IE9,Chrome,Safari支援。