Time of Update: 2013-10-17
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #img1 { width:400px; height: 400px; border: solid 1px #ccc; display:none; } </style> <script src="jquery-1.9.
Time of Update: 2013-10-17
jQuery 操作 CSSaddClass() - 向被選元素添加一個或多個類 removeClass() - 從被選元素刪除一個或多個類 toggleClass() - 對被選元素進行添加/刪除類的切換操作 css() - 設定或返回被選元素的一個或多個樣式屬性。jQuery css() 方法〈1〉返回 CSS 屬性css("propertyname");〈2〉設定 CSS 屬性css("propertyname","value");〈2.1〉設定多個 CSS
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style
Time of Update: 2013-10-17
IE6的PNG透明是個老問題了,最近有朋友問我有沒有最好的解決這個問題的外掛程式。雖然知道且在用DD_belatedPNG這個外掛程式,今天抽空把這個發上來。 雖然之前在部落格裡發過一款jquery的png外掛程式,但是不支援背景平鋪。 DD_belatedPNG使用了微軟的VML語言對PNG圖片進行重新繪製,以達到半透明的效果,並且能支援background-position和background-repeat屬性,支援偽類。是一款不錯的值得推薦的外掛程式,用法也比較簡單。 使用方法:
Time of Update: 2013-10-17
複製代碼 代碼如下:<html><head><script type="text/javascript"> function test(){ //createElement()
Time of Update: 2013-10-17
分別為:1.倒計定時器:timename=setTimeout("function();",delaytime);2.迴圈定時器:timename=setInterval("function();",delaytime);第一個參數“function()”是定時器觸發時要執行的動作,可以是一個函數,也可以是幾個函數,函數間用“;”隔開即可。比如要彈出兩個警告視窗,便可將“function();”換成“alert('第一個警告視窗!');alert('第二個警告視窗!');”;而第二個參數“del
Time of Update: 2013-10-17
複製代碼 代碼如下:<form name="form1222" action="list.aspx" method="post"> <input type="hidden" id="mid" name="mid" value=""> </form> <script> function forwardTo(rid){ document.getElementById('mid').value=rid; //賦值給隱藏欄位欄位//
Time of Update: 2013-10-17
在JS中,你寫一個for迴圈的時候,內部的迴圈變數I其實是會儲存在它啟動並執行函數或類內的,所以你會發現你給元素大量繫結事件的時候,出現i=最後一個迴圈變數的值,這就很坑爹啊,解決的方案有2鐘, 思路就是:把這個迴圈變數儲存起來,不要讓它的範圍在整個函數,而是在迴圈體內 1.使用閉包(如果你不懂閉包,請開啟百度:www.baidu.com) 2.使用with關鍵字,with文法是with( obj ) { //使得可以在此直接存取obj的屬性,而不用加obj.XXX } 程式碼範例: 複製代碼
Time of Update: 2013-10-17
複製代碼 代碼如下: var header1 = document.getElementById("header"); var p = document.createElement("p"); // 建立一個元素節點 insertAfter(p,header1); // 因為js沒有直接追加到指定元素後面的方法 所以要自己建立一個方法 function insertAfter( newElement, targetElement ){ // newElement是要追加的元素
Time of Update: 2013-10-17
作為一個好的Restfull Api不僅在於service url的語義,可讀性,等冪,正交,作為http狀態代碼也很重要,一個好的Http Status Code給使用者一個很好的響應,比如200表示正常成功,201表示建立成功,409衝突,404資源不存在等等。所以在做一個基於node.js+mongodb+angularjs的demo時發現node.js
Time of Update: 2013-10-17
像:jQuery的table排序外掛程式(感覺其使用比較麻煩或不清楚其具體用法,就沒有使用)、原生態js的table排序外掛程式等,最後比較看了下——採用了一個原生態js的table排序外掛程式,並在其基礎上做了些修改,雖有些勉強或有些地方使用不太舒服,但最算是比較好的實現了當時需要的功能。而前兩天,對原有表格做了點兒修改——增加隔行換色的功能,問題就出現了,——效果錯亂;檢查分析了下,問題出在其table排序外掛程式代碼上——其原代碼寫的比較難理解,修改還不如重新自己寫一個table排序外掛程
Time of Update: 2013-10-17
Sticky是一個簡單的頁面訊息提醒jQuery外掛程式。可以設定讓訊息在頁面的四個角落出現,也可以設定在頁面中央出現。可以手動關閉訊息,也可以設定成自動關閉。http://thrivingkings.com/sticky/ 2)JNotify是一個JQuery外掛程式,基於JQuery UI實現,用於建立頁面訊息提醒和狀態提示條。 http://jnotify.codeplex.com/ 示範地址:
Time of Update: 2013-10-17
本文內容 引入 匿名函數 閉包 變數範圍 函數外部存取函數內部的局部變數 用閉包實現私人成員 引入 閉包是用匿名函數來實現。閉包就是一個受到保護的變數空間,由內嵌函數產生。“保護變數”的思想在幾乎所有的程式設計語言中都能看到。 先看下 JavaScript 範圍: JavaScript 具有函數級的範圍。這意味著,不能在函數外部存取定義在函數內部的變數。 JavaScript 的範圍又是詞法性質的(lexically
Time of Update: 2013-10-17
github:https://github.com/hirokidaichi/namespace-js 定義Namespace對象: var Namespace
Time of Update: 2013-10-17
欄位對於使用者的輸入則為欄位,欄位涉及到使用者的輸入,必定是控制項。由於有以前項目word模板轉化為線上展示輸入經驗(這裡不僅僅是將word轉化為html,還需要提取word書籤作為關鍵字段,關鍵字段作為使用者的輸入,根據使用者配置轉化為文字框,下拉框,數字,貨幣框,時間等等可擴充控制項)。我在本次的模板設計中不再考慮伺服器控制項,因為伺服器控制項將產生一大堆難以控制的html標記。所以徹底瘋狂了一把,採用完全html+jQuery實現(驗證用的也是jQuery
Time of Update: 2013-10-17
複製代碼 代碼如下: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript資料類型</title> </head> <body> <script type="text/javascript"> /**
Time of Update: 2013-10-17
很有意思。小邪就跟著做了一個Demo,木有用外掛程式,只掛了jQuery。 Demo 示範頁面一. CSS+jQuery實現隨捲軸增減汽水瓶中的液體: 話說喝汽水的那個網站是用一個瓶子的圖片,分為瓶口、瓶身、吸管還有瓶底。在這些圖片中瓶子內部都是透明的,所以我們可以在底下一層按 x 軸平鋪液體的圖片,當然記得弄好吸管,吸管則是按照 y 軸平鋪。其他具體的請看代碼中注釋。 啊,對了,那家公司的地址在這裡 - http://janploch.de/ 複製代碼 代碼如下: body
Time of Update: 2013-10-17
從那起,我已經對這些方法做了大量的研究,並且已經在很多場合使用他們。在很多任務中,他們被證明是非常有用的(特別關於結構的抽象 DOM 選取器)。 1、DOMElement.contains(DOMNode) 這個方法起先用在 IE ,用來確定 DOM Node 是否包含在另一個 DOM Element 中。 當嘗試最佳化 CSS 選取器遍曆(像:“#id1 #id2”),這個方法很有用。你可以通過 getElementById 得到元素,然後使用 .contains() 確定 #id1
Time of Update: 2013-10-17
本文:為了使層次分明及便於閱讀, 整個解決方案如下:其中BitmapCutter.Core是圖片的伺服器端處理常式, 類圖為: 簡單說明下, 更多說明可查看源碼注釋 :Cutter為裁剪對象, 用於儲存用戶端通過AJAX提交的資料.Helper為圖片處理類, 包括圖片翻轉(RotateImage()), 圖片裁剪(GenerateBitmap()).Callback為伺服器端圖片處理類, 通過使用Cutter封裝用戶端AJAX提交的資料,
Time of Update: 2013-10-17
我們先來使用firebug查看在前面的樣本中JS產生的html錯誤提示: 我們發現錯誤資訊是被放在了一個label標籤中,且有一個類樣式error,只要為signupform下面的label標籤中的error定css樣式,應該就可以修改顯示結果了,添加的css代碼如下: 複製代碼 代碼如下: <style type="text/css"> * { font-size: 14px; } #signupForm label.error { color:Red;