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
注意使用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
一、建立一js檔案jQuery_FixedTableHead.js內容如下:複製代碼 代碼如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) { var obj = document.getElementById("tableHeaderDiv" + tableId); if (obj)
Time of Update: 2013-10-22
首先定義css樣式: 複製代碼 代碼如下: @media print { .noprint { display: none;color:green } } 對於不想列印的內容只用在標籤中加上 class=noprint即可,列印的時候客戶也不會看到頁面任何變化。 列印時調用 window.print(); 另外幾種js局部列印的方法: 移花接木: 列印的時候,把需要列印的內容替換成整個body內容(使用者會在列印的時候看到變化,客戶體驗不太好) 複製代碼 代碼如下: function
Time of Update: 2013-10-22
BxCarousel是一個具有眾多配置且易用的Jquery圖片滾動外掛程式,特徵主要有: ◆ 可以指定顯示的元素總數 ◆ 可以指定每次滾動的元素個數 ◆ 自動播放模式 ◆ 前一張/後一張按鈕控製圖片流動 參數含義: display_num:顯示元素的數量,幾張圖片 move:單擊左右修飾鍵時,移動的元素個數,此處為移動2張圖片 prev_image:上一元素按鈕圖片 next_image:下一元素按鈕圖片 margin:圖片之間的間隙,一般設為10px auto:自動滾動效果 controls:
Time of Update: 2013-10-22
函數定義 函數是由這樣的方式進行聲明的:關鍵字 function、函數名、一組參數,以及置於括弧中的待執行代碼。 函數的構造文法有這三種: Js代碼 複製代碼 代碼如下: 1.function functionName(arg0, arg1, ... argN) { statements }//function語句 2.var function_name = new Function(arg1, arg2, ..., argN, function_body);//Function()建構函式 3
Time of Update: 2013-10-22
複製代碼 代碼如下: <!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>
Time of Update: 2013-10-22
一、一些概念①傳統Ajax:互動的資料格式——自訂字串或XML描述; 跨域——通過伺服器端代理解決。②如今最優方案:使用JSON格式來傳輸資料,使用JSONP來跨域。③JSON:一種資料交換格式。基於純文字、被原生JS支援。 格式:兩種資料類型描述符:大括弧{ }、方括弧[ ]。分隔字元逗號、映射符冒號、定義符雙引好。④JSONP:一種跨域資料互動協議,非官方。 1、Web頁面調用js檔案,可跨域。擴充:但凡有src屬性的標籤都具有跨域能力。 2
Time of Update: 2013-10-22
複製代碼 代碼如下: <head> <title></title> <style type="text/css"> #mydiv { width: 900px; background-color: #444; position: absolute; left: 100px; } img { width: 200px; height: 200px; } ul { list-style-type: none; height: 200px; } ul
Time of Update: 2013-10-22
最近在做一個效能最佳化方面的工作,遇到很多細節問題,現在一一把遇到的問題記錄下來分享給大家,廢話就不多謝,我直接貼代碼。 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>for與each效能比較</title> <script src="../Cks/jquery-1.7.1.min.js"
Time of Update: 2013-10-22
以下為建構函式方法建立類:複製代碼 代碼如下:function className (prop_1, prop_2, prop_3) { this.prop1 = prop_1; this.prop2 = prop_2; this.prop3 = prop_3;}有了上面的類,我們就可以為類建立執行個體:複製代碼 代碼如下:var obj_1 = new className(v1, v2, v3)var obj_2 = new className(v1, v2
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
複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <meta 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
複製代碼 代碼如下: // 反選 $("#reverse-select").click(function() { $('.table tr').each(function() { var input = $(this).find('input'); var statu=input.prop("checked")==true?false:true; input.prop("checked",statu); }); }); 我在table上面每一行放了個checkbox 然後用按鈕單擊,實現反選
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
document.styleSheets裡儲存了當前頁面上所有CSS規則的集合。通過它可以遍曆出頁面<style>裡定義的所有selector,訪問selectorText屬性可得選取器的匹配規則。然後將規則規則傳遞給 document.querySelectorAll 即可擷取頁面內匹配此規則的元素列表。 這裡我們只求CSS規則的覆蓋率,所以訪問 querySelectorAll().length 即可。通過排序就可看出各個CSS使用方式。 代碼很簡單。複製代碼 代碼如下:
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