Time of Update: 2014-10-24
Javascript 數組排序詳解,javascript排序詳解如果你接觸javascript有一段時間了,你肯定知道數組排序函數sort,sort是array原型中的一個方法,即array.prototype.sort(),sort(compareFunction),其中compareFunction是一個比較函數,下面我們看看來自Mozilla MDN 的一段描述:If compareFunction is not supplied, elements are sorted by
Time of Update: 2014-10-24
javascript數組詳解,javascript數組如果你是一個有經驗的開發人員,你可能會認為這個問題比較簡單,但是有的時候,我們會感覺這個問題比較有趣。首先我們來看看數組的定義:“An array is just a list of values which can be accessed by using an integer as the “key”. The list starts at 0 and goes up from there.”,下面我們用對象來描述數組的定義:複製代碼
Time of Update: 2014-10-24
Javascript中arguments對象詳解,javascript詳解在上篇文章中我們討論了javascript中的預設參數,這篇文章,我們來討論下javascript的arguments參數對象。如下例的一個函數,我們如何根據傳入參數的不同來做不同的處理呢?複製代碼 代碼如下:function addAll () { // What do we do here?}// Should return 6addAll(1, 2, 3);//
Time of Update: 2014-10-24
Javascript中Array.prototype.map()詳解,array.prototype在我們日常開發中,操作和轉換數組是一件很常見的操作,下面我們來看一個執行個體:複製代碼 代碼如下:var desColors = [], srcColors = [ {r: 255, g: 255, b: 255 }, //
Time of Update: 2014-10-24
深入分析JQuery和JavaScript的異同,深入分析jqueryps:LZ覺得這個標題有點大了,超出了能力範圍,不喜勿碰。目前只記錄LZ能力範圍內的,日後持續補充。一、JQuery對象和DOM對象的相互轉化(《鋒利的JQuery》) JQuery轉化為DOM: 1、var jq = $(‘#selector');
Time of Update: 2014-10-24
用jquery模仿的a的title屬性的例子,jquerytitle用jQuery實現的模仿a的title屬性的例子,在測試的時候ie6,7上出現了層次混亂,不過最終解決了。html代碼如下:<div class="wrap"><ul class="list clearfix"><li><a href="">UI設計師</a><div
Time of Update: 2014-10-23
js讀寫json檔案執行個體代碼,js讀寫json執行個體本節為大家介紹下js如何讀寫json檔案,代碼很簡練function funSave() {var id = $('#testText1')[0].value;var name = $('#testText2')[0].value;var str = '{mydata:[' + '{id:' + id + ',name:' + name + '}' + ']}';str = "{MyData:[{id:'" + id + "',name:
Time of Update: 2014-10-23
Bootstrap(轉),bootstrapBootstrap隨著互連網的不斷成熟以及我們越來越多的用各種移動端的裝置訪問互連網,Web設計師和Web開發人員的工作也變得越來越複雜。十年前,一切都還簡單得多。那個時候,大部分使用者都是坐在桌子前通過一個大大的顯示器來瀏覽我們的網頁。960像素是當時比較合理的網頁寬度。那些年我們的開發工作主要就是跟十幾個案頭瀏覽器打交道,並通過添加幾個瀏覽器的hack,來相容詭異的舊版本 IE
Time of Update: 2014-10-24
jquery實現導航固定頂部的效果仿蘑菇街,jquery蘑菇jquery實現導航固定頂部的效果,仿蘑菇街的,感覺還不錯,需要的朋友可以參考下<!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"><
Time of Update: 2014-10-23
js style動態設定table高度,jsstyle動態table直接在table標籤中設定下不就行了嗎?這是靜態,如果要動態設定你會嗎?function com_onresize(){var contentsHeight = document.body.clientHeight;var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;var head1Height =
Time of Update: 2014-10-23
強悍的CSS工具組合:Blueprint, Sass, Compass,blueprintsass掌握CSS是每個Web開發人員的基本要求,雖然CSS本身並不複雜,但怎樣寫出支援所有主流瀏覽器(特別是IE)的CSS,以及在大型網站中如何有序地組織好CSS結構卻是一個相當棘手的問題。我更多的是一個開發人員,而不是一個設計師,卻不幸花了大量時間處理CSS這些棘手問題,如果能有一些工具能幫我處理這些問題,那將很有意義。經過一段時間的搜尋和研究,還真發現了幾個很棒的工具,感覺真是相見恨晚,與大家分享之。
Time of Update: 2014-10-22
js讀寫json檔案執行個體代碼 本節為大家介紹下js如何讀寫json檔案,代碼很簡練 1 2 3 4 5 6 7 8 9 10 11 12 13
Time of Update: 2014-10-22
網頁圖片垂直劇中 等比例縮放 黑白顯示,劇中縮放<!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: 2014-10-22
Ul li 豎排 菜單,ulli 1 Ul li 豎排 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <meta
Time of Update: 2014-10-21
去掉CSS中的運算式Expression,cssexpression 在IE中,CSS是可以嵌入js運算式的,可以在CSS類中定義,但是將含有表達CSS類從DOM對象中移除,樣式表達式是不會失效的。經過研究找到了答案,需要使用js調用style對象的removeExpression()方法才可去除。下面是方法的說明: 文法bSuccess =
Time of Update: 2014-10-21
精選12個時尚的 CSS3 效果【附源碼下載】,css3源碼下載 這裡是精選的12個很炫的 CSS3 效果。CSS3 是對 CSS 規範的一個很大的改善和增強,它使得 Web 開發人員可以很容易的在網站中加入時尚的效果。以前很多需要編寫複雜的 JavaScript 代碼才能實現的效果,如今只需要簡單的寫幾句 CSS3 代碼就能實現。超炫的 CSS3
Time of Update: 2014-10-21
自己寫一個jQuery垂直捲軸外掛程式(panel)html中原生的捲軸比較難看,所以有些網站,會自己實現捲軸,導航網站hao123在一個側欄中,就自訂了垂直捲軸,效果比較好看,如下:這個捲軸,只有在滑鼠移至上方在這個地區內時才顯示,半透明效果,很節省空間的說~~,說實話,這個效果我非常喜歡。垂直捲軸的原理,簡單來說:先起個名字,外層的叫wrapper,內層的叫content,wrapper需要有非static的定位,content需要絕對位置,這樣就可以通過調節top值來類比內容
Time of Update: 2014-10-21
利用a標籤自動解析URL分析網址執行個體,標籤url對於window.location,我們比較熟悉,它有protocol,hostname,host,port,search,hash,href,pathname等屬性,a標籤也和window.location一樣,也有這樣屬性,這樣可以方便我們分析網址,閑話少說,上代碼。function parseURL(url) {var a = document.createElement('a');a.href = url;return {source:
Time of Update: 2014-10-20
CSS字型,css字型樣式CSS字型導航1、字型類型2、字型大小3、字型樣式4、字型粗細1、字型系列font-family 屬性設定文本的字型系列。font-family 屬性應該設定幾個字型名稱作為一種"後備"機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。注意: 如果字型系列的名稱超過一個字,它必須用引號,如Font Family:"宋體"。多個字型系列是用一個逗號分隔指明:執行個體p{font-family:"Times New Roman", Times, serif;}
Time of Update: 2014-10-20
Css樣式相容IE6,IE7,FIREFOX的寫法,cssie7根據FF和IE對一些符號識別的差異,我們可以單獨對FF以及IE定義樣式,例子:區別IE6與FF: background:orange;*background:blue; 區別IE6與IE7: background:green