Time of Update: 2013-10-16
今天很簡單介紹這一封裝的調用 樣本如下: 調用頁面:JqueryTest.aspx(注:後台無代碼) 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Time of Update: 2013-10-16
資料來源: 複製代碼 代碼如下: var areaInfo = new Array(); areaInfo[0] = new Array(); areaInfo[0][0]="1"; areaInfo[0][1]="Beijing"; areaInfo[0][2]="0"; areaInfo[0][3]="0"; areaInfo[1] = new Array(); areaInfo[1][0]="2"; areaInfo[1][1]="Shanghai"; areaInfo[1][2]="0"
Time of Update: 2013-10-16
當然我們可以研究js庫的源碼, 也可以自己去發明輪子試試看, 其過程還是挺有趣的...下面我就來實現下頁面元素的拖拽功能 現在就開始著手實現, 讓我們從最頂層的方法講起, 它用於初始化一個drag object, 方法的聲明如下 function DragObject(cfg) 這裡的cfg我們用一個對象來傳入, 有點像Extjs裡配置屬性 複製代碼 代碼如下: var dragObj = new DragObject({ el: 'exampleB', attachEl:
Time of Update: 2013-10-16
現狀: 冗餘 在web開發中,我們是否常常會使用不同的程式設計語言實現相同的功能? 如一個檔案上傳功能,需要對上傳檔案進行檔案格式限制。我們通常會使用尾碼名做限制。 前端 為了使用者體驗,會在頁面對使用者選擇的檔案進行判斷,合法才讓使用者可以上傳。 複製代碼 代碼如下: function is_filetype(filename, types) { types = types.split(','); var pattern = '\.('; for(var i=0;
Time of Update: 2013-10-16
對於初學者來說,有的時候很難找到一個好的學習jQuery的網站,所以本文收集了8個很棒的 jQuery 學習網站推薦給大家。 1. Learning jQuery最好的 jQuery 資源部落格之一,從 jQuery 高手那裡獲得寶貴的經驗。2. jQuery Mix一個內容非常豐富的網站,有關 jQuery 的各種各樣的資訊。3. jQuery for Designers非常棒的一個 jQuery 資源和教程網站,協助你成長為 jQuery 高手。4.
Time of Update: 2013-10-16
具體步驟: a. 開啟Firebug後,啟用“指令碼”調試,找到引用的指令檔(或者行內js);b. 在適當的位置加入斷點;c. 如果斷點已經執行過,則重新整理頁面,這時指令碼就會在斷點處中斷。如果斷點沒有執行過,那可以直接執行頁面上的動作(例如點擊按鈕等),然後代碼會在斷點處中斷;d. 觀察函數調用棧,觀察local變數,也可以進行逐步執行,進行調試。確實非常簡單!用Firebug斷點調試的優點總結如下:能加斷點的行用綠色行號,非常直觀; call stack用兩種方式顯示出來,很方便;
Time of Update: 2013-10-16
相容性已經測過:IE6\IE7\IE8\FF3\CHROME10 複製代碼 代碼如下:<!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"> <meta http-equiv="Content-
Time of Update: 2013-10-16
複製代碼 代碼如下: var evt = window.event || arguments[0]; 下面分三種添加事件的方式討論,你也許會看到以前沒有看到過的擷取方式。 1,第一種添加事件的方式,直接在html的屬性中寫JS代碼 複製代碼 代碼如下: <div onclick="alert(4);">Div1 Element</div>
Time of Update: 2013-10-16
有序列表ol漂亮分頁樣式 有序列表ol分頁源碼/樣式 總記錄數:3 總頁數:3 當前頁:3 首頁 前一頁 1 2 3 4 5 6 7 8 9 後一頁 尾頁 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-16
例如: 複製代碼 代碼如下: $('#foo').slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之間延時800毫秒。 hover是否可以設計一個延時器呢?答案是肯定的。延時操作目的是為了防止使用者誤觸發事件,一般情況下滑鼠指標小於150毫秒的停留時間都可以被忽略。其實,如果入侵delay全能讓其作用在hover事件上,但是為了避免John
Time of Update: 2013-10-16
閉包示範 產品 0 產品 1 產品 2 產品 3 產品 4 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]以上情境是初學者經常碰到的。即擷取HTML元素集合,迴圈給元素添加事件。在事件響應函數中(event handler)擷取對應的索引。但每次擷取的都是最後一次迴圈的索引。
Time of Update: 2013-10-16
複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="gbk"> <title>事實證明cssText在多數瀏覽器中效能較高</title> </head> <body> <input type="button" value="測試1" onclick="test1()"/> || <input type="button"
Time of Update: 2013-10-16
不知道大家有沒有遇到這樣的情況? 在用jquery擷取下拉式清單ddl的值時返回的為字串‘null',而不是空值,結果導致擷取的參數不對; 即使在後台判斷了其非空,但還是導致了錯誤(比如拼湊SQL時將null拼進去了)。 下面我們來分析下: 第一種情況: 複製代碼 代碼如下: <select id="ddlType"> <option value="">請選擇</option> <option
Time of Update: 2013-10-16
650) this.width=650;" border=0> 650) this.width=650;" border=0> 代碼很簡單,在附件中,各位可以下載後直接運行.複製代碼 代碼如下:<script type="text/javascript" language="javascript"> $(function() { jQuery.fn.alternateRowColors = function() { //做成外掛程式的形式
Time of Update: 2013-10-16
我們先來簡單回顧下HTML原始碼(test2.htm): 複製代碼 代碼如下: <html> <head> <title></title> <script src="js/jquery-1.4.4.js" type="text/javascript"></script> <script> $(function(){ $('#container').html('<script
Time of Update: 2013-10-16
無參數類繼承的問題 先看一段範例程式碼,實現B繼承於A: 複製代碼 代碼如下: function A() { } A.prototype.a1 = function() { }; function B() { } B.prototype = new A(); B.prototype.b1 = function() { }; var b = new B(); alert(b.constructor == A); // true alert(b.constructor == B); //
Time of Update: 2013-10-16
1. HTML頁面: 複製代碼 代碼如下: <script type="text/javascript"> $(function() { $("#clickToInsert").click(function() { $.get("service.ashx?file=pages2_1.txt", function(data) { $("#placeholder").html(data); }, "text"); }); }); </script> <input
Time of Update: 2013-10-16
一、:tips源碼下載 http://xiazai.jb51.net/201103/yuanma/jquerynewslist.rar二、jquery源碼: 複製代碼 代碼如下: (function($){ $.fn.extend({ newsList:function(options){ var defaults ={ actName:'li', //顯示條數名; maxShowNum:'6', //最多的顯示條數; actNameH:'28', //一次移動的距離;
Time of Update: 2013-10-16
雖然不太常用,但我們的確可以給對象添加以數字為屬性名稱的屬性: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2; 這個對象並不是數群組類型,那有沒有辦法把它轉換為數群組類型呢?jQuery代碼中採用了Array.prototype.slice把這種對象轉換為數組,但我試了好幾遍,就是不行: 複製代碼 代碼如下: var obj = {}; obj[0] = 1; obj[1] = 2;
Time of Update: 2013-10-16
Detecting When The User Has Clicked Cancel One of the things you may want to do is to be notified when the user clicks cancel, aborting a page unload. Unfortunately there's no way to be immediately notified. The best you can do is to set a unique