Time of Update: 2013-10-22
[javascript]複製代碼 代碼如下:<script type="text/javascript"> function clickIE4(){ if (event.button==2){ return false;
Time of Update: 2013-10-22
執行個體代碼一見: 複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <style type="text/css"> #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} </style> <script type="text/javascript"> var a;
Time of Update: 2013-10-22
注意使用preventDefault防止瀏覽器的預設事件操作發生 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> var isDrag = false; function isIE(){ if(navigator.userAgent.indexOf("MSIE")>0){return true;} else{return false;} } function
Time of Update: 2013-10-22
我們針對常用的jQuery方法以及其等價原生方法的效能做了一些測試(1, 2, 3)。
Time of Update: 2013-10-22
一、建立一js檔案jQuery_FixedTableHead.js內容如下:複製代碼 代碼如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) { var obj = document.getElementById("tableHeaderDiv" + tableId); if (obj)
Time of Update: 2013-10-22
以下是使用jQuery實現可拖動的浮動層的完整代碼,複製儲存到html檔案就可以體驗效果。也可以訪問以下網址體驗效果:http://www.keleyi.com/keleyi/phtml/dragdiv.htm 游標移動到層上,按住滑鼠就可以拖動層。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-22
之前一直沒測試chrome ,今天事情不太多,就測試了一下,發現給div加的 onmouseleave事件在chrome 中不起效果; 後來發現解決辦法用jquery的方式實現 例如 複製代碼 代碼如下: <div id=‘aaa' class='divfloat' " onmouseleave='$(this).slideUp();' style='background-color: White; width:553px; position: absolute;left:" +
Time of Update: 2013-10-22
使用Jquery的DataTable進行資料表處理非常方便,常遇到的一個問題就是刪除一行後頁面必須進行更新,需要注意的方法如下:前台頁面中初始化table時注意: 複製代碼 代碼如下: var table = $('#sorting-advanced'); table.dataTable({ 'bServerSide': true, 'sAjaxSource': 'servlet/UserList<%=queryString%>', 'bProcessing': true,
Time of Update: 2013-10-22
設定頁首頁尾 客戶名稱 電話 連絡人 連絡人電話 E-mail 所在地區 輝集團 0432-65412** 高經理 137562112** caihongssss@***.com 吉林市 吉林省明日科技有限公司 0431-84972266 賽經理 137563185** mingrisoft@mingrisoft.com 長春市 鑫***有限公司 0
Time of Update: 2013-10-22
目前JqueryUI提供的對話方塊支援使用相對比較的方便,範例程式碼如下所示:複製代碼 代碼如下:<body> <form id="form1" runat="server"> <div id="dlg"> <asp:TextBox ID="TextBox1"
Time of Update: 2013-10-22
形式1: 複製代碼 代碼如下: function checkFCK(key) { var oEditor=FCKeditorAPI.GetInstance(key); var content=oEditor.GetXHTML(true); content=content.replace(/ /g,""); content=content.replace(/\s/g,""); content=content.replace(/ /g,"");
Time of Update: 2013-10-22
看到別人寫的JS,ajax請求地址後加隨機參數,比如XXXX?t= + new Date().getTime()。一開始搞不懂為什麼,網上查了資料,原因是防止瀏覽器緩衝。瀏覽器為了提高使用者訪問同一頁面的速度,會對頁面資料進行緩衝。當url請求地址不變時,有時候會導致瀏覽器不發送請求,直接從緩衝中讀取之前的資料。如果資料改變了,而沒加隨機數,讀取的資料會跟之前一樣。加上隨機數,就是欺騙瀏覽器url改變了,會每次都向伺服器發送請求而不去讀緩衝
Time of Update: 2013-10-22
複製代碼 代碼如下: <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.8.2.js"></script> <title>背景透明</title> <style> *{ margin:0; padding:0; } body{ position:relative; width:100%
Time of Update: 2013-10-22
繼承的方式ECMAScript 實現繼承的方式不止一種。這是因為 JavaScript 中的繼承機制並不是明確規定的,而是通過模仿實現的。這意味著所有的繼承細節並非完全由解釋程式處理。作為開發人員,你有權決定最適用的繼承方式。最原始的繼承實現方式就是對象冒充,下面著重介紹該方法。對象冒充對象冒充實現繼承的核心其實依賴於在函數環境中使用 this 關鍵字。其原理如下:建構函式使用 this 關鍵字給所有屬性和方法賦值(即採用類聲明的建構函式方式)。因為建構函式只是一個函數,所以可使 ClassA
Time of Update: 2013-10-22
我們在登入網站的時候,文字框中經常會有提示你輸入的資訊,當你點擊文字框,提示資訊自動消失,當文字框什麼都沒有,而且失去焦點的時候,又有了提示文字。 1.原型開發,先做一個簡單的: 我們首先需要一個html檔案: 複製代碼 代碼如下: <html> <head> <title>input test</title> <meta name="Content-Type" content="text/html; charset=UTF-8" />
Time of Update: 2013-10-22
今天學習JQuery源碼看到一下方法,原來還可以這樣解析JSON字串:複製代碼 代碼如下: parseJSON: function( data ) { if ( typeof data !== "string" || !data ) { return null; } // Make sure leading/trailing whitespace is removed
Time of Update: 2013-10-22
複製代碼 代碼如下: <head> <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="
Time of Update: 2013-10-22
Google Map V3 javascript計算兩個marker之間的距離 做地圖開發,最常用到的就是marker一些操作和互動。簡單介紹一下,兩個marker之間的距離計算。 google map api 很方便的 只要是常用的 基本上都有介面。 1.建立兩個marker點 複製代碼 代碼如下: var oldMarker = new google.maps.Marker({ position: new google.maps.LatLng("31.95678", "177.898673"
Time of Update: 2013-10-22
複製代碼 代碼如下: <SPAN style="FONT-SIZE: 18px">表單類失去焦點的效果</SPAN> 複製代碼 代碼如下: <script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此處可擷取各種表單如(:text/:button) $(this).addClass("focusa"); if
Time of Update: 2013-10-22
最近準備學學Javascript和Raphaël,實現一個可拖動的矩形,另外矩形上還得顯示標籤。查了一下網上這個東西還比較冷門。Javascript才學沒幾天,代碼估計寫的很爛。 複製代碼 代碼如下: <!doctype html> <html charset="utf-8"> <head> <title>Raphaël - Connectivities</title> <script