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
domainA 中有一個頁面index.html,通過iframe嵌套了domainB中的一個頁面other.html 由於other.html頁面在iframe中顯示,而且其頁面內容會動態增加或減少,現在需要去掉iframe的捲軸 由於javascript同源策略的限制,無法進行跨網域作業,使得問題比較棘手 參考了一下網上的做法,引入了一個代理頁面,或者叫做中介 agent.html,屬於domainA 然後,在domainB
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
如果你不能理解javaScript語言的運行機制,或者簡單地說,你不能掌握javascript的執行順序,那你就猶如伯樂駕馭不了千裡馬,讓千裡馬脫韁而出,四處亂竄。那麼JavaScript是怎麼來進行解析的嗎?它的執行順序又是如何的呢?在瞭解這些之前,我們先來認識幾個重要的術語:1、代碼塊JavaScript中的代碼塊是指由<script>標籤分割的程式碼片段。例如:複製代碼 代碼如下:<script type="text/javascript">
Time of Update: 2014-04-05
scroll事件適用於window對象,但也可滾動iframe架構與CSS overflow屬性設定為scroll的元素。複製代碼 代碼如下:$(document).ready(function () { //本人習慣這樣寫了 $(window).scroll(function () {
Time of Update: 2014-04-05
ajaxSubmit(obj)方法是jQuery的一個外掛程式jquery.form.js裡面的方法,所以使用此方法需要先引入這個外掛程式。如下所示:複製代碼 代碼如下:<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script
Time of Update: 2014-04-05
這篇文章主要介紹了javascript節點操作移出節點removeChild()的使用,需要的朋友可以參考下removeChild(a)是用來刪除文檔中的已有元素 參數a:要移出的節點 代碼如下:<div id="guoDiv"> <span>1</span> <span>2</span> <span>3</span> &
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
複製代碼 代碼如下: <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <head> <title></title> <script type="text/javascript"> function Reader(content, cID, stopID, continueID) { this.conLoad =
Time of Update: 2014-04-05
插入排序在對幾乎已經排好序的資料操作時, 效率高, 即可以達到線性排序的效率。但插入排序一般來說是低效的, 因為插入排序每次只能將資料移動一位。希爾排序按其設計者希爾(Donald Shell)的名字命名,該演算法由1959年公布。一些老版本教科書和參考手冊把該演算法命名為Shell-Metzner,即包含Marlene Metzner
Time of Update: 2014-04-05
說明:1、因為擷取高度的情況跟擷取寬度的情況一樣,所以以下只說擷取寬度的情況。 2、以下所說的所有方法與屬性所返回的值都是不帶單位的。 3、為了方便說明,以下情況採用縮寫表示: obj -> 在原生JS中表示DOM對象;在JQuery中表示JQuery對象 Width -> obj.style.width OffsetWidth -> obj.offsetWidth $width -> obj.width()
Time of Update: 2014-04-05
很多時候,我們可以利用JavaScript中Date對象的內建方法來格式化,如:複製代碼 代碼如下:var d = new Date();console.log(d); // 輸出:Mon Nov 04 2013 21:50:33 GMT+0800 (中國標準時間)console.log(d.toDateString()); // 日期文字,輸出:Mon Nov 04 2013console.log(d.toGMTString()); // 格林威治時間,輸出:Mon, 04 Nov 2013
Time of Update: 2014-04-05
SlideShow在國內又常被稱作投影片效果。Google關鍵詞:js SlideShow,jquery SlideShowSlidesJS官網:http://www.slidesjs.com/介紹:SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
Time of Update: 2014-04-05
最近在iOS項目中需要使用到oc與js之間的相互調用,而且要求是實現方式必須與Android中的相同,方便js中統一處理。於是在對第三方庫WebViewJavascriptBridge進行研究之後,仿照Android中的WebView與JS的互動機制,實現了一個,在這裡分享給大家。首先要說明的是,在iOS中js調用Objective-C的代碼只能通過重新導向的形式進行,即js中通過修改iframe的src,或者直接跳轉到一個url,在Objective-C中通過UIWebView的webView
Time of Update: 2014-04-05
父類function Person(name) { this.name = name;}Person.prototype.getName = function() { return this.name;}公用方法:function extend(subClass, superClass) { var F = function() {}; F.prototype = superClass.prototype; subClass.prototype = new F();
Time of Update: 2014-04-05
今天學習jQuery的選取器:jQuery選取器分為基本選取器、層次選取器、過濾選取器、表單選取器。基本選取器:id,class,標籤名,*,元素組合(div,span,p.myClass)層次選取器:痛點:jquery中子項目和後代元素的區別後代,就是當前元素的所有後代,都算,子項目,就是當前元素的子集,再往下走就不算了。具體的分析可以參考:This is very important.This is really very important. 以上是html。運行後在瀏覽器裡是看到
Time of Update: 2014-04-05
資料類型 JavaScript中有5種單一資料型別(也稱為基礎資料型別 (Elementary Data
Time of Update: 2014-04-05
工作中,我們經常使用js的數組,但是,下面的東西你見過嗎? 1,文本下標: 1 var a=[];2 a[-1]=1; 你想過數組的下標為負數的情況嗎?我們對數組的下標規定從0開始。但是上面那麼寫也還是可以的。不過,請看: 1 console.log(a.length); //02 console.log(a[-1]); // 13 console.log(a["-1"]);//14 a.hasOwnProperty(-1
Time of Update: 2014-04-05
/* 基類*/var Person = { name: 'default name', getName: function() { return this.name; }};公用方法function clone(object) { function F() {} F.prototype = object; return new F;}/* 子類1*/var reader = clone(Person);alert(reader.getName()); //