Time of Update: 2013-10-17
在處理網頁圖片時,特別是一些圖片列表的應用裡面,很難保證圖片統一大小,直接設定圖片大小又會導致圖片展開,造成圖片模糊,本文介紹的代碼可以在圖片載入完成後自動按比例調整圖片大小。 Javascript: 複製代碼 代碼如下: < script language="javascript" type="text/javascript"> < !-- // 說明:用 JavaScript 實現網頁圖片等比例縮放 // 整理:http://www.CodeBit.cn function
Time of Update: 2013-10-17
複製代碼 代碼如下:<script>function c1(){ var d = document.getElementsByName("s")[0].value; var b = (new Date(d)).getTime(); document.getElementsByName("s")[0].value = b; }function
Time of Update: 2013-10-17
textarea元素已被廣泛用於網頁Web的IDE。通常網站內建的textarea編輯器不能滿足我們的需求,作為一名開發人員我們經常需要進行代碼的線上編輯,高亮顯示代碼等,因此,通過其他的開源項目,我們可以添加一些實用的功能, 在這篇文章中,我將使用JavaScript庫ACE來建立一個輸入框效果。這是一個完全開源的指令碼。該指令碼允許開發人員建立支援文法高亮的輸入框。然後你可以代碼嵌入到網站中的任何地方 下載庫 首先我們需要Github上下載ACE代碼。
Time of Update: 2013-10-17
利用的是Column的render先看:代碼如下:複製代碼 代碼如下:<!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-17
1、bind()功能是為每個選擇元素的事件綁定處理函數,其文法如下:bind(type, [data], fn)其中type為一個或多個類型的字串,如click或change,也可以自訂;可以被type調用的類型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。參數data是作為event.data屬性值傳遞對象的額外資料對象。參數fn是綁定到每個選擇元素的事件中的處理函數。2、範例程式碼:複製代碼
Time of Update: 2013-10-17
分別針對ie和Firefox分別作了對xml文檔和xml字串的解析,所有代碼都注釋掉了,想看哪部分功能,去掉注釋就可以了。至於在ajax環境下解析xml,其實原理是一樣的,只不過放在了ajax裡,還是要對返回的xml進行解析。 複製代碼 代碼如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
Time of Update: 2013-10-17
html中的select標籤,也是asp.net中的asp:DropDownList控制項。 javascript對它們的操作 一、基礎理解 複製代碼 代碼如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //建立一個option對象,即在<select>標籤中建立一個或多個<option value="值">文本</option>
Time of Update: 2013-10-17
js自訂事件(一)的目的只是讓大家簡單的理解自定事件是如何類比出來的,大家不難發現會有很多缺陷,比如: 1、此事件對象只能註冊一個事件,不能提供多個事件 2、註冊方法沒有返回的一些資訊 下面我們就來解決這些問題。如下為MyEvent.js原始碼: 複製代碼 代碼如下: function MyEvent(){ this.handlers={}; } MyEvent.prototype={ addHandler:function(type,handler) { if(typeof
Time of Update: 2013-10-17
複製代碼 代碼如下: <div id="demo"> <div id="indemo"> <div id="demo1"> <asp:Repeater ID="Pro_List" runat="server"> <ItemTemplate> <a href="/Product/html/<%#Eval("id") %>/" title="<%#Eval("Title")%>"><img src=
Time of Update: 2013-10-17
譯序 Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現真正意義的3D。但是目前這項技術還處在發展階段,資料極為匱乏,愛好者學習基本要通過Demo源碼和Three.js本身的源碼來學習。 0.簡介 之前我已經給出了一篇《開始使用Three.js》。如果你還沒有讀過,你可能需要去讀一下,本文的基礎是在那一篇教程的基礎上完成的。
Time of Update: 2013-10-17
demo01.html 複製代碼 代碼如下: <!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> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
分享一個Javascript編寫函數的最佳化技巧。 適用的函數應該要滿足以下條件: 產生固定結果頁面中多次調用 複雜或較耗時 代碼和分析如下: Java代碼: 複製代碼 代碼如下: //產生固定結果並且在頁面中多次調用的函數 function check() { //類比耗時操作 var begin = Date.now(); //ECMAScript5添加的,若不支援請改成 +new Date(); var ONE_SECOND = 1000, result = false;
Time of Update: 2013-10-17
兩個問題 1.jQuery的鏈式操作是如何?的? 2.為什麼要用鏈式操作? 大家認為這兩個問題哪個好回答一點呢? 鏈式操作 原理相信百度一下一大把,實際上鏈式操作僅僅是通過對象上的方法最後 return this 把對象再返回回來,對象當然可以繼續調用方法啦,所以就可以鏈式操作了。那麼,簡單實現一個: 複製代碼 代碼如下: //定義一個JS類 function Demo() { } //擴充它的prototype Demo.prototype ={ setName:function (name)
Time of Update: 2013-10-17
原項目地址:http://plugins.jquery.com/project/pagination版本:v1.2源檔案下載:英文原版 或中文翻譯修改版一、相關demo 基本demo頁面 Ajax demo頁面 參數可編輯demo頁面 二、簡介與說明 此jQuery外掛程式為Ajax分頁外掛程式,一次性載入,故分頁切換時無重新整理與延遲,如果資料量較大不建議用此方法,因為載入會比較慢。
Time of Update: 2013-10-17
注:翻譯之中有什麼不恰當的地方,歡迎大家指正,祝大家雙節快樂! 如果不是有特殊需要而去擴充原生對象和原型(prototype)的做法是不好的 複製代碼 代碼如下: //不要這樣做 Array.prototype.map = function() { // 一些代碼 }; 除非這樣做是值得的,例如,向一些舊的瀏覽器中添加一些ECMAScript5中的方法。 在這種情況下,我們一般這樣做: 複製代碼 代碼如下: if (!Array.prototype.map) {
Time of Update: 2013-10-17
html 檔案 gundong-0.1.html 複製代碼 代碼如下: <!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> <meta
Time of Update: 2013-10-17
html5原生支援placeholder,對於不支援的瀏覽器(ie),可用js類比實現。 js代碼 複製代碼 代碼如下: (function(){ //判斷是否支援placeholder function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } //不支援的代碼 if(!isPlaceholer()){ //建立一個類 function
Time of Update: 2013-10-17
1.開發jQuery 外掛程式的基本格式 複製代碼 代碼如下:(function ($) { $.extend($.fn, { }) })(jQuery) 2.開發全域函數的基本格式 複製代碼 代碼如下: (function ($) { $.extend($, { }) })(jQuery) 開發樣本: 複製代碼 代碼如下: (function ($) { $.extend($, { subtract: function (a, b) { return a-b; } , add:
Time of Update: 2013-10-17
一、jQuery.buildFragment使用方法 1、參數 jQuery.buildFragment( args, context, scripts );2、傳回值 return { fragment: fragment, cacheable: cacheable }; 二、思路分析 1、處理context參數 根據傳入到context參數值的不同,確保context為文檔根節點document 2、限制可緩衝條件 2.1、字串小於512位元組
Time of Update: 2013-10-17
第一步: jquery.PrintArea.js下載 js引用 複製代碼 代碼如下: <script language="javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> html引用: 複製代碼 代碼如下: <div class="my_show">