Time of Update: 2014-04-05
jquery在scroll()事件裡面,我想判斷當前捲軸橫向還縱向;我開始用全域變數記錄scrollTop的值來判斷的,如果前後值沒有變就是橫向滾動了,但是頁面裡有多個捲軸,就要多個全域變數來控制,該怎麼判斷呢?scroll jquery 區分橫向縱向捲軸解決方案:each一次設定選取器選中對象的scrollLeft/scrollTop就行了,然後綁定scroll事件,觸發的時候擷取scrollLeft/scrollTop和初始化的scrollLeft/scrollTop對比判斷是橫向還是縱向,
Time of Update: 2014-04-05
複製代碼 代碼如下: function a(){ alert("fun a()"); } function b(){ alert("fun b()"); } var methodName = ""; //method1 methodName = "a"; function method1(methodName){ //初始化this.func屬性, this.func = function(){}; try{
Time of Update: 2014-04-05
這是一款利用jquery動畫特效和css打造的側邊彈出垂直導航,整個彈出過程比較流暢,而且代碼很簡單,如果你正在尋找一款帶動畫的垂直導航,那麼可以試試這個。下面是效果: HTML源碼: 複製代碼 代碼如下: <title>Jquery+CSS側邊彈出垂直導航</title> <style type="text/css"> html, body, ul, li { margin: 0; padding: 0; border: 0; outline:
Time of Update: 2014-04-05
Data URI scheme。 Data URI scheme是在RFC2397中定義的,目的是將一些小的資料,直接嵌入到網頁中,從而不用再從外部檔案載入。比如上面那串字元,其實是一張小圖片,將這些字元複製黏貼到Firefox的地址欄中並轉到,就能看到它了,一張2*2的白色gif圖片。 在上面的Data URI中,data表示取得資料的協定名稱,image/gif是資料類型名稱,base64 是資料的編碼方法,逗號後面就是這個image/gif檔案base64編碼後的資料。 目前,Data
Time of Update: 2014-04-05
程式實現中經常要用到迴圈語句,其中for迴圈是多數語言都有的。在javascript中,for迴圈有幾種不同的使用方式,下面就分別來講述我的理解。 第一種:(通常情況,迴圈執行相關操作) 複製代碼 代碼如下: var objA=document.getElementsByTagName("a"); var i,max; for(i=0,max=objA.length;i<max;i++){ objA[i].onclick=function(){ alert(this.innerHTML);
Time of Update: 2014-04-05
複製代碼 代碼如下: <div> <input id="username" type="text" class="txt1" value="請輸入使用者名稱" onclick="if(this.value=='請輸入使用者名稱'){this.value=''; }" onfocus="if(this.value=='請輸入使用者名稱'){this.value=''; }" /> <input id="password" type="text" class="txt2
Time of Update: 2014-04-05
以前,你可能會直接設定self=this或者that=this等等,這樣做當然也能起作用,但是使用Function.prototype.bind()會更好,看上去也更專業。下面舉個簡單的例子:複製代碼 代碼如下:var myObj = { specialFunction: function () { }, anotherSpecialFunction: function ()
Time of Update: 2014-04-05
關於JSONP的概念和為什麼要使用JSONP網上已經有很多教程,這一節主要示範下在JQUERY中的ajax方法怎樣通過JSONP進行遠程調用 首先介紹下$.ajax的參數 type:請求方式 GET/POST url:請求地址 async:布爾類型,預設為true 表示請求是否為非同步,如果為false表示為同步。 dataType:返回的資料類型 jsonp:傳遞給請求處理常式或頁面的,用以獲得jsonp回呼函數名的參數名(一般預設為:callback)
Time of Update: 2014-04-05
歸併排序(Merge sort)是建立在歸併操作上的一種有效排序演算法。該演算法是採用分治法(Divide and Conquer)的一個非常典型的應用。歸併(Merge)排序法是將兩個(或兩個以上)有序表合并成一個新的有序表,即把待排序序列分為若干個子序列,每個子序列是有序的。然後再把有序子序列合并為整體有序序列。歸併排序是建立在歸併操作上的一種有效排序演算法。該演算法是採用分治法(Divide and
Time of Update: 2014-04-05
插入排序在對幾乎已經排好序的資料操作時, 效率高, 即可以達到線性排序的效率。但插入排序一般來說是低效的, 因為插入排序每次只能將資料移動一位。希爾排序按其設計者希爾(Donald Shell)的名字命名,該演算法由1959年公布。一些老版本教科書和參考手冊把該演算法命名為Shell-Metzner,即包含Marlene Metzner
Time of Update: 2014-04-04
Layout覆蓋預設值 $.fn.layout.defaults. 布局,最多可以有五個地區的容器:north(北), south(南), east(東), west(西) 和 center(中間),center 中間的地區是必須的,但是面板邊緣地區的面板是可選的。 每一個邊緣地區面板都可以通過拖動邊框來調整大小,他們還可以通過點擊 收縮/展開 按鈕將其
Time of Update: 2014-04-04
<script type="text/javascript"> /* 1.原廠模式 在使用javascript的Object來建立對象的時候,我們使用同一個介面 的時候,會產生大量的代碼,此時使用原廠模式,我們只需要提供一個建立 對象的介面,而不是每每需要對象的時候都要去new一個對象,我們只需要
Time of Update: 2014-04-04
有時候大家可能會納悶,在使用JavaScript的時候,只需要給一個系統變數賦值就可以觸發一系列操作去相應。但是我們在寫Js的時候,修改了一個自訂變數,卻連個P都沒有。是不是很鬱悶呢?其實,我們現在就可以做類似系統變數那樣的功能了!做個假設,我們有一個變數,要求可以輸入出生年份並自動計算當前年齡。如:// 定義一個年齡變數並賦予初始值var age = 18;// 我們手動輸入的出生年份age = 1994;//
Time of Update: 2014-04-04
今天在看<<鋒利的jQuery>>時看到了proxy()的使用,感覺很模糊,就到處找資料. jQuery的源碼也沒看明白. 不過總算明白了proxy的用法了; 複製代碼 代碼如下: <input type="button" value="測試" id="guoBtn" name="我是按鈕的name"/> 複製代碼 代碼如下: var obj = { name: "我是obj的name", sayName: function () {
Time of Update: 2014-04-04
作為開發的初學者,這東西僅僅作為個人備份,如果能幫到忙也也不錯(我開發用的php,但這是js這本身沒多大影響) 這裡要說明幾個問題: 1.boxy調用的頁面中不能出現《script》標籤不然不能顯示 2.boxy調用的時候要注意流程,要先載入出boxy然後再去渲染地圖到boxy頁面中 3.百度地圖的載入js應放在彈出boxy的那個頁面中 注意流程:boxy頁面其實為單獨的一個頁面只是用了ajax中$.get('/index.php?r=comm/map_coordinate',
Time of Update: 2014-04-04
側邊欄隨捲軸上下滾動,始終固定在一個位置的功能,現在很多網站和部落格都有這個功能部分購物網站用這個功能放購物車或商品分類導航,使產品頁面很長的時候,側邊欄能始終固定發揮它應有的作用,有的網站用這個功能來側邊欄的廣告。 jQuery代碼: 代碼如下:var rollSet = $('#Roll');// 檢查對象,#sidebar-tab是要隨捲軸固定的ID,可根據需要更改var offset =
Time of Update: 2014-04-04
replaceChild(a,b)是用來替換文檔中的已有元素的 參數a:要插入的節點, 參數b:要替換的節點 複製代碼 代碼如下: var oDiv = document.getElementById("guoDiv"); var oSpan = document.createElement("span"); oSpan.innerHTML = "4"; var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.
Time of Update: 2014-04-04
這篇文章主要介紹了無重新整理預覽所選擇的圖片的具體實現,需要的朋友可以參考下代碼如下 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.
Time of Update: 2014-04-04
這篇文章主要介紹了js中將數字格式化為金額的方法,使用加減逗號處理金額,一個格式化金額的代碼,有需要的朋友參考下例1,使數字1111111變成11,111,111.00,保留兩位小數。 代碼如下:<html><head><script type="text/javascript">function outputmoney(number) {number = number.replace(/\,/g,
Time of Update: 2014-04-04
這篇文章主要介紹了用於deeplink的js方法(判斷手機是否安裝app),需要的朋友可以參考下代碼功能:判斷手機/平板是否安裝app如果安裝 則調用app的scheme,傳入url當作參數,來做後續操作如果沒有安裝 則跳轉到app store/google play 下載app 代碼如下:(function() {var openUrl = window.location.search;try{openUrl =