Time of Update: 2013-10-17
HTML代碼,測試地址:jQuery 遍曆 - closest() 方法 ------我粘代碼上來,在頁面上會自動隱藏(會顯示一下)!誰能教我這是腫麼回事! 1.通過item-1尋找 level-3(尋找直接上級) 複製代碼 代碼如下: $('li.item-1').closest('ul') $('li.item-1').parent() $('li.item-1').parents().eq(0) 2.通過item-1尋找 level-2(通過選取器尋找父元素) 複製代碼 代碼如下: $(
Time of Update: 2013-10-17
qTip2採用了MIT/GPLv2許可,官方網站為:http://craigsworks.com/projects/qtip2/,目前還沒發布一個穩定版,Nightly版本經常會更新,當然這並不影響正常使用。簡介 若不放心可以嘗試舊版的qTip,但在一些參數上會有所不同;若是從qTip升級到qTip2,可以使用官方提供的轉換工具來升級你的代碼:http://craigsworks.com/projects/qtip2/converter/。
Time of Update: 2013-10-17
需求:圖片width<=330px,height<=150。 1、利用max-width,max-height使圖片等比例自動縮放,代碼: 複製代碼 代碼如下: img{max-width: 330px;max-height: 150px;} 由於ie6不支援css max-width,max-height,所以在ie6中需要利用javascript指令碼來控制大小。 2、用javascript指令碼來相容ie6,代碼如: 複製代碼 代碼如下: var img_width =
Time of Update: 2013-10-17
該介面提供了 'addEventListener' 和 'removeEventListener' 方法,用來綁定或解除綁定一個 EventListeners 介面到一個 EventTarget。 DOM 2 Events 中定義了 Event 介面,用來提供事件的上下文資訊,它提供了若干標準屬性和方法。 實現 Event 介面的對象一般作為第一個參數傳入事件處理函數,以用來提供當前事件相關的一些資訊。 事件註冊 根據 DOM 2 Events 中描述,節點使用
Time of Update: 2013-10-17
原理很簡單,通過本機存放區機制(userData或者localStorage),儲存表單中元素的狀態到本地. 需要時可以把所儲存的狀態還原到表單元素上.其中也用了json資料格式, 之前想對外掛程式中所需的功能,從零開始寫,但是覺得太冗餘,沒必要.就基於另外2個plugin現實.分別是:jquery.json 和 jStorage. 這兩個外掛程式本身實用小巧, api簡單易用,
Time of Update: 2013-10-17
本文將簡單介紹JavaScript中一些常用對象的屬性和方法,以及幾個有用的系統函數。 一、串方法 JavaScript有強大的串處理功能,有了這些串方法,才能編寫出豐富多彩的網頁。在這一部分裡,我們將介紹到如何使用與串對象有關的方法和屬性。 1.串對象的length屬性 串對象僅有一個屬性length,這個屬性值表示這個串所包括字元的相對數目。文法為:
Time of Update: 2013-10-17
1、charCodeAt方法返回一個整數,代表指定位置字元的Unicode編碼。 strObj.charCodeAt(index) 說明: index將被處理字元的從零開始計數的編號。有效值為0到字串長度減1的數字。 如果指定位置沒有字元,將返回NaN。 例如: var str = "ABC"; str.charCodeAt(0); 結果:65 2、fromCharCode方法從一些Unicode字串中返回一個字串。 String.fromCharCode([code1[,code2...]])
Time of Update: 2013-10-17
前面each方法中掉了一個方面沒有說,就是源碼中的$break和$continue。這兩個變數是預定義的,其作用相當於普通迴圈裡面的break和continue語句的作用。出於效率的考慮,在某些操作中並不需要完全遍曆一個集合(不局限於一個數組),所以break和continue還是很必要的。 對於一個迴圈來說,對比下面幾種退出迴圈的方式: 複製代碼 代碼如下: var array_1 = [1,2,3]; var array_2 = ['a','b','c']; (function(){
Time of Update: 2013-10-17
複製代碼 代碼如下: /*! * jLip JavaScript Library v0.1 * * Copyright 2012, Lip2up (lip2up@qq.com) * Just for free use, NO LICENSE */ (function() { function extend(target, props) { for (var m in props) { if (target[m] === undefined) target[m] = props[m]; } }
Time of Update: 2013-10-17
頁面樣式代碼: 複製代碼 代碼如下: <style type="text/css"> .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: lighter; font-size: small; } .content td { text-align: left; } .mandatory {
Time of Update: 2013-10-17
一、先從一個簡單的執行個體,不需要帶參數的一個方法開始 複製代碼 代碼如下: //建立一個匿名函數 (function($){ //給jQuery附加一個新的方法(詳細見備忘1) $.fn.extend({ //外掛程式的名字 MyFirstName: function() { //迭代當前匹配元素集合 return this.each(function() { var obj = $(this); //自己的代碼 }); } }); )(jQuery);
Time of Update: 2013-10-17
因此當使用者在一個較長內容的網頁中點擊某一個按鈕顯示DIV層會發現沒有任何效果(其實已經在頁面的頂部顯示了),因此,我們需要準備的知道使用者當前的瀏覽的位置的資訊。在實現這個要求之前,先來看看在js中有哪些工具可以讓我們使用: 網頁可見地區寬: document.body.clientWidth; 網頁可見地區高: document.body.clientHeight; 網頁可見地區寬: document.body.offsetWidth + " (包括邊線和捲軸的寬)";
Time of Update: 2013-10-17
這章內容比較簡單,直接上頁面代碼: 複製代碼 代碼如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe6.aspx.cs" Inherits="Recipe6" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2013-10-17
前言 本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第3篇,裡氏替換原則LSP(The Liskov Substitution Principle )。 英文原文:http://freshbrewedcode.com/derekgreer/2011/12/31/solid-javascript-the-liskov-substitution-principle/ 複製代碼 開閉原則的描述是: Subtypes must be substitutable for
Time of Update: 2013-10-17
一、一元運算子 1、delete 運算子:刪除對以前定義的對象屬性或方法的引用。例如: var o=new Object; o.name="superman"; alert(o.name); //輸出 "superman" delete o.name; alert(o.name); //輸出 "undefined" 刪除了name屬性,將其設定為undefined(即建立的未初始化的變數的值)。delete不能刪除開發人員未定義(即ECMAScript定義)的屬性和方法。
Time of Update: 2013-10-17
在javascript中,根本找不到Enumerable的影子,因為這一塊是Prototype作者從Ruby中借鑒過來的。並且Enumerable在實際中根本沒有直接應用的機會,都是混入到其他的對象中,可以說是其他對象的一個“父類”(不過只是調用了Object的extend方法,進行了方法的直接拷貝而已)。 我並不熟悉Ruby,不過看Enumerable中的一些方法,倒是跟Python中的有幾分相似。
Time of Update: 2013-10-17
貌似在Windows平台下不支援 fs.watchfile .我又不想使用IIS NODE,所以我花了點時間寫了個協助調試的小工具. 這個工具可以做到: 監視主js檔案下所有子目錄相關檔案的更改.有更改後重啟Node進程 可以將日誌輸出到此工具,便於在瀏覽器裡檢視. 用法: NodeWatcher.exe main.js 所有參數: 複製代碼 代碼如下: NodeWatcher.exe 主JS程式 [其它選擇性參數] 主JS程式必須指定.相當於 node 主js程式 -r :[true |
Time of Update: 2013-10-17
IE的有條件注釋是一種專有的(因此是非標準的)、對常規(X)HTML注釋的Miscrosoft擴充。顧名思義,有條件注釋使你能夠根據條件(比如瀏覽器版本)顯示代碼塊。儘管是非標準的,但是有條件注釋對於其他所有瀏覽器作為常規注釋出現,因此本質上是無害的。有條件注釋在Windows上的IE5中首次出現,並且得到了Widnows瀏覽器所有後續版本的支援。
Time of Update: 2013-10-17
大家先看一段簡單的jquery ajax 傳回值的js 代碼 複製代碼 代碼如下: function getReturnAjax{ $.ajax({ type:"POST", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src='images/ok.gif'/><b><font color='#ffff00'&
Time of Update: 2013-10-17
先分析實現思路 需要一個容器,作為頭像顯示的地區。 容器內部需要頭像圖片作為展示。 隨機每個頭像的大小,位置,層級。 頭像位置隨機範圍要減去等於該頭像寬高,以限制隨機範圍不溢出容器。 樣式 複製代碼 代碼如下: *{ margin:0; padding:0;} .Icon-Box{ width:960px; height:700px; margin:0 auto; position:relative;} .Icon-Box li{ position:absolute;