Time of Update: 2018-12-05
【外掛程式功能】jq_scrollFix滾動錨定外掛程式:當使用者拖動捲軸到一定距離的時候,目標對象定位在網站頂部。【原理】通過監控滾動事件並控制層的絕對位置後的lef,top屬性。【示範地址】http://www.0773linji.com/jquery_plugs/jq_scrollFix/index.html【外掛程式參數】relativeLeftId 必填,X參照物ID,預設''relativeTopId 必填,Y參照物ID,預設''tempLeftPx
Time of Update: 2018-12-05
<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><
Time of Update: 2018-12-05
overflow屬性-原本是ie瀏覽器獨自開發的屬性,由於在css3中被採用,得到了其他瀏覽器的支援。指定對於盒內容納不下的內容顯示的方法。Overflow:hidden 對於超出容納範圍的文字會被隱藏。Overflow:scroll div元素出現固定的水平捲軸與垂直捲軸Overflow:auto 當文字超出是根據需要才會出現水平捲軸或者垂直捲軸Overflow:visible
Time of Update: 2018-12-05
求指教<!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" content="text/html;
Time of Update: 2018-12-05
<!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" content="text/html;
Time of Update: 2018-12-05
很榮幸能代表項目組在整個部門做分享,雖然是第一次,並且存在很多不足的地方,但還是很開心很激動,畢竟又看到了自己的成長!對於分享PPT我做了些提煉,然後又總結了分享的心得供大家參考~如何快速提升產品/推廣頁面的視覺品質感? 創意與特效對整個視覺起到什麼樣的作用?設計過程是不是會碰到靈感枯竭沒有想法的時候? 如何為一個普通的頁面畫龍點睛!一、創意對視覺的重要性1.0 4A概術1.1 設計時缺乏靈感?1.2 產品推廣與視覺存在什麼樣的關係?1.3
Time of Update: 2018-12-05
0 輕量級的JQUERY相容庫 JQuery已經成長的得非常強大了,但在行動裝置上有些臃腫。如果你的應用只運行在WebKit核心的機器上,那麼我強烈建議你換用移動版本的JQuery相容庫。 Zepto和JQ.mobi都是專門為行動裝置最佳化後的JQ相容庫。昨天 14:00 上傳下載附件 (4.42 KB) <IGNORE_JS_OP>昨天 14:00 上傳下載附件 (47.32 KB)
Time of Update: 2018-12-05
很多CSS初學者往往很容易被浮動搞得暈頭轉向,經常碰到有朋友問“為什麼我把ul裡面的li都向左浮動了,然後我的ul就沒有背景了?”等等之類的問題。此時,如果我們呢給ul加上1px的border的話,就會發現我們的ul從原來的一塊變成了一條線,這就是長說的浮動帶來的問題。其實解決這個問題,只需要短短的幾個屬性而已。我個人的理解是瀏覽器在解析到浮動的時候,會將浮動的元素脫離開原來的父元素像上層浮起,就像小河裡的木板是浮在水面上和河底是不接觸的。那麼這個時候父元素相當於已經被拿空了,那麼當然只會是我
Time of Update: 2018-12-05
Chrome的使用者群在快速增長,如果你是一位準備嘗試更換瀏覽器的設計師,但又捨不得離開FF上那些有用的工具,這裡提供的一些替用方案。包括CSS調試工具,取色,量尺,解析度調整,快速修改hosts,速度跟蹤,截屏等工具。Web Developer BuiltWithEye DropperMeasureIt!Window ResizercsscanMultiSwitchWhenever you have the need to simply switch between development,
Time of Update: 2018-12-05
動態載入js檔案有時候我們需要根據參數不同來引入不同的js檔案,用html直接寫標籤滿足不了我們的需求,總結幾種方法,以及同步非同步載入的各種需求一.直接載入<div id="divId"></div><script>一.非同步載入,並發執行,但引入js內容不能直接使用 //1.1 直接document.write document.write("<script src='test.js'><\/script>"); /
Time of Update: 2018-12-05
網站最基本的東西是什嗎?——內容?SEO(搜尋引擎最佳化)?UE(使用者體驗)?都不對!是速度!內容再豐富的網站,如果慢到無法訪問也是毫無意義的; UE設計的再人性化的網站,如果使用者連看都看不到也是空談。 Make Fewer HTTP Requests 很少的HTTP請求Use a Content Delivery Network 使用CDN(內容分髮網絡)Add an Expires Header
Time of Update: 2018-12-05
隨著ipad等移動終端的崛起,人們在移動終端閱讀上的時間越來越多,閱讀體驗已經變得越來越重要。而字型又是決定閱讀體驗的關鍵所在,那麼字型在哪些方面又是什麼影響著閱讀體驗的成敗?1.是否具有高辨識度首先看看Consolas,這款字型,我們可以發現,i和w的寬度都是一樣的,這種等寬字型都具有非常高的辨識度,非常適合文字編寫,代碼顯示等工作。還是這個例子,在Arial字型中,i,l 的辨識度很低,而且當有連續的il等較窄文字出現時,文字難以選中,此外Georgia中,字母o,與數字0
Time of Update: 2018-12-05
過去,在網頁上播放音頻都是通過第三方外掛程式來播放的,如 Flash、QuickTime 和 Silverlight 等,沒有統一的音頻播放標準。HTML5 通過 audio 元素來提供在網頁中嵌入音訊標準方法,下面這9款 HTML5 音頻播放器都是基於 audio 元素開發的,能夠協助你在網頁中輕鬆的嵌入音頻。jPlayerjPlayer 一款基於 jQuery 的免費開源的 HTML5 音頻和視頻播放外掛程式,API 簡單,支援自訂皮膚。→
Time of Update: 2018-12-05
導航到底有多重要?它只是簡單的指路牌嗎?當然不是。導航在網站架構中佔據重要的位置,它決定了網站的資訊範圍、分類及擷取路徑。好的導航設計將直
Time of Update: 2018-12-05
曾經多次碰到過想要開啟多個project的時候,可每次開啟其他項目時,必須選擇新視窗還是替換次視窗,如果新視窗的話就無法跟現在的項目在同一個webstorm中同時進行編輯,需要來回切換視窗,很是不方便,今天無意中發現同時開啟多個project的方法。 具體步驟如下:file>new project>選擇相應的總檔案夾(包含所有項目的檔案夾),點擊開啟就OK了。等待的時間相對長一點,不過能實現開啟多重專案,這樣就避免了來回切換視窗的問題。 附上:
Time of Update: 2018-12-05
about關於account賬戶action操作ad,advertisment廣告arrow箭頭表徵圖article文章aside側邊欄audio音頻avatar頭像background背景banner條幅,廣告bar條branding品牌化breadcrumbs麵包屑button按鈕caption標題,說明category分類chart圖表clearfix清除浮動close關閉column列comment評論community社區container容器content內容copyright著作權
Time of Update: 2018-12-05
作為獨特的網站設計風格,使用3D特效設計的網站會帶給訪問者超酷的視覺衝擊,今天本文將介紹最近收集的8個超酷的3D網站設計,希望帶給大家靈感! 1.憤怒的小鳥workspace 絕對有趣的3D網站設計,你可以看到一個隨機的小鳥會跟隨頁面滾動而移動。 2. The Story of Send Google的一個超酷的3D特效,你可以看到一個運動的Gmail表徵圖跟隨著導線傳遞,相當有創意的網站特效。 3. 2Brand 一個帶有滾動特效的3D首頁,你可以看到漂浮的雲和氣泡。 4. The
Time of Update: 2018-12-05
對於新款手機來說,好的開發工具變得越來越重要。手機(尤其是iPhone和Android)中的小工具(小軟體)非常的重要,而要開發這些小軟體就要選擇合適的開發工具。另外,HTML5提供了很多易於移動web開發的特性。例如,所有的網站都是開發放式的,不需要授權;開發人員所創造的利潤全部歸自己所有。無疑,HTML5正在升溫,它所體現出來的優勢也在不斷增加。 最新版本的HTML5,可以儲存資料,也就是說,資料不再需要與裝置綁定。HTML5給人們所帶來的好處遠不止這些。當然,也可能會有些小問題,比
Time of Update: 2018-12-05
隨著Web技術的發展,Web標準已經得到了逐步改善,現在HTML5正逐漸成為Web開發的主導技術。 本文為Web前端開發人員帶來了25個基於CSS3的按鈕和菜單設計教程,你還可以觀看示範以及下載檔案原始碼。基於HTML5的Web設計將成為今後的主流,你可以使用CSS按鈕/菜單來代替傳統上的圖片按鈕/菜單,在擁有漂亮效果的同時,還可以節省載入圖片的時間,增強使用者體驗。 趕緊在你的網站和應用程式中嘗試一下這個新技術吧! 1. CSS3動畫按鈕 示範 | 源碼下載 2. 漂亮的動畫形式下載按鈕
Time of Update: 2018-12-05
導讀:原文來自DZone,作者Terrence Ryan發表的一篇《HTML Page Slide Without a Framework》,只要你會使用jQuery、jQuery Mobile、zepto或者其他一些架構,無須使用任何架構就可以實現網頁滑動轉場效果。 我做了一個關於網頁滑動切換的小例子。這個確實很簡單,只要你會使用jQuery、jQuery