Time of Update: 2014-05-27
解決方案有兩種:一種是CSS,使用background-size:cover實現圖片的展開效果,但是IE8及以下版本不支援background-size,於是可以使用微軟的濾鏡效果,但是IE6不支援。body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%;
Time of Update: 2014-05-27
如果你看過三星企業設計中心網站,你肯定已經注意到了時尚的網格載入效果。每一項載入的時候,背景色會首先滑出,然後映像顯現出來。滑動顏色表示映像,也就是說它是彩色映像的主色。 在這篇文章中,我們想向您展示了如何使用 Masonry 網格砌體外掛程式,結合 CSS 動畫重現這種效果。另外在這裡,我們還藉助了 ColorFinder 來獲得的映像的最突出的顏色來作為初始的載入背景色使用。 立即下載 線上示範&
Time of Update: 2014-05-27
上一篇部落格中為大家介紹了javascript物件導向編程原則的封裝,今天為大家介紹繼承,在javascript中沒有類的概念,所有不能像c#,java語言那樣,直接的用類去繼承類。比如現在有比如,現在有一個"動物"對象的建構函式。 function Animal(){ this.species = "動物"; } 還有一個"貓"對象的建構函式。 function Cat(name,color){ this.name = name; this.color
Time of Update: 2014-05-27
今天學習了利用jQuery實現可以編輯的表格這個例子。這個例子需求是這樣的:在前台的表格中單擊單元格便可修改其中的內容,斷行符號鍵儲存修改的內容,esc撤銷儲存的內容。原理:單擊用戶端表格單元格時,在單元格中添加一個文字框,並將單元格中原來的內容賦值給文字框,再進一步去修改文字框內容,修改後將文字框內容重新賦值給單元格。源碼:前台代碼:
Time of Update: 2014-05-27
在Javascript語言中,constructor屬性是專門為function而設計的,它存在於每一個function的prototype屬性中。這個constructor儲存了指向function的一個引用。在定義一個函數(代碼如下所示)時,function F() { // some code
Time of Update: 2014-05-26
嚴重: Servlet.service() for servlet jsp threw exceptioncom.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column '??????' in 'field list' at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native
Time of Update: 2014-05-26
問一、引入工廠,解決重複代碼 前面已經提到,JS中建立對象的方法,不難發現,基本的建立方法中,建立一個對象還算簡單,如果建立多個類似的對象的話就會產生大量重複的代碼。 解決:原廠模式方法(添加一個專門建立對象的方法,傳入參數避免重複) function createObject(name,age){ var obj =new Object(); //建立對象
Time of Update: 2014-05-26
簡介及資料 通過Node.js的官方API可以看到Node.js本身提供了很多核心模組 http://nodejs.org/api/ ,這些核心模組被編譯成二進位檔案,可以require('模組名')去擷取;核心模組具有最高的載入優先順序(有模組與核心模組同名時會體現) (本次主要說自訂模組) Node.js還有一類別模組為檔案模組,可以是JavaScript代碼檔案(.js作為檔案尾碼)
Time of Update: 2014-05-26
Dreamweaver CS5 CS6 代碼格式化、美化外掛程式(可同時格式化HTML、JavaScript、CSS )目前最好用的代碼格式化擴充。眾所周知,Dreamweaver CS5 CS6 內建的“應用源格式”只能單獨格式化HTML檔案和CSS檔案,不能格式化JavaScript檔案,更不能同時格式化內嵌在HTML代碼裡的javascript代碼,此外掛程式就是為了替代內建的代碼੬
Time of Update: 2014-05-26
在可擴充JavaScript的世界裡,如果我們說一個應用程式是模組化(modular)的,那麼通常意味著它是由一系列儲存於模組中的高度解耦,不同的功能片段組成。在可能的情況下,通過一處依賴性,松耦合可以使應用程式的可維護性更加簡單。
Time of Update: 2014-05-25
Tiff 是一款字型對比工具,可視化對比兩種字型之間的差異。這是一個工具來協助比較兩種字型,同時學習排版。在這一點上,Google Web 字型作為 Tiff 外部字型檔的唯一來源。由於應用程式使用的一些功能需要 HTML5 和 CSS3 支援,因此請使用現瀏覽器來使用。您可能感興趣的相關文章創意無限!一組網頁側邊欄過渡動畫【附源碼下載】真是好東西!13種非常動感的頁面載入動畫效果你見過嗎?9款超炫的複選框(Checkbox)效果超贊!基於 Bootstrap
Time of Update: 2014-05-26
Checkbox類:1.實現checkbox的全選功能<script type="text/javascript">//全選checkbox:1、當全選checkbox勾選,子checkbox(name為'ids'的checkbox)自動全部勾選//2、當全選checkbox取消勾選,子checkbox自動全部取消勾選function checkAll(){ if($("#checkall")[0].checked){
Time of Update: 2014-05-25
JQ取值方法: jquery本身也不存在取得URL參數的方法,但是已經存在外掛程式,可以直接取得URL等參數 外掛程式串連首頁:https://github.com/allmarkedup/jQuery-URL-Parser 下載連結:http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip Examples of use Using the current page's url (for these
Time of Update: 2014-05-25
比如定義一個函數的兩種調用方法: 複製代碼 代碼如下: function getInfo() { var info = { message: "message" }; return info; } 1、var info1 = getInfo(); 2、var info2 = new getInfo(); 1和2有什麼區別嗎?info1和info2得到的值是一樣的嗎? 第1種很簡單,用的也很多,就是執行一個函數,並接受函數的傳回值並賦給info1對象;
Time of Update: 2014-05-25
TEXTBOX: var str =$("#txt").val(); $("#txt").val(Value); //文字框,文本地區: $("#text_id").attr("value",'');//清空內容 $("#text_id").attr("value",'test');//填充內容 LABLE: var str =$("#lbl").text(); $("#lbl").text(Value); /*擷取選項按鈕的值*/ var valradio
Time of Update: 2014-05-25
對於JavaScript的繼承和原型鏈,雖然之前自己看了書也聽了session,但還是一直覺得雲裡霧裡,不禁感歎JavaScript真是一門神奇的語言。這次經過Sponsor的一對一輔導和自己回來後反覆思考,總算覺得把其中的精妙領悟一二了。 1.
Time of Update: 2014-05-25
俗話說不作死就不會死,今天作死了一回,寫了一個比較二逼的函數,遇到了同步Ajax引起的UI線程阻塞問題,在此記錄一下。 事情起因是這樣的,因為頁面上有多個相似的非同步請求動作,本著提高代碼可重用性的原則,我封裝了一個名為getData的函數,它接收不同參數,只負責擷取資料,然後把資料return。基本的邏輯剝離出來是這樣的: 複製代碼function getData1(){ var result;
Time of Update: 2014-05-25
<!DOCTYPE html><html> <head> <script src="./jquery-1.11.1.min.js" type="text/javascript"></script> <script
Time of Update: 2014-05-25
//開始時間不能小於目前時間function startTimeIsBigThanTotay(startTime){ var startdate = new Date((startTime).replace(/-/g,"/")); var date = new Date(); if(startdate
Time of Update: 2014-05-25
jQuery提供了很多方法來擷取一個元素的direct descendant(直接後代)。最簡單的方式是使用direct descendant combinator (>)例如,如果要擷取如下html代碼中的直接孩子節點中的a元素,就可以直接使用> 符號jQueryjQuery tutorial使用selector擷取$('content > a');當然,也可以使用帶兩個參數的jQuery函數$('> a',