Time of Update: 2017-02-28
前言 inline-block,我們平時用的很多,最普通的用法就是幾個div在一行中顯示,我們用display:inline-block。今天之所以寫這篇文章,主要是寫inline-block的幾個比較奇特的用法。 實現div寬度根據內容自適應 我們知道div是區塊層級元素,假如我們不設定寬度,那麼div的寬度預設是100%;問:要想div寬度根據內容自適應怎麼辦? 請看下面代碼: <div
Time of Update: 2017-02-28
要說網頁中哪種效果最酷,很多人都會認為只有FLASH才能做出如此流暢酷炫效果,除了Flash外,現在還有一種方法能做出類似的網頁效果,那就是著名JavaScript 架構 - jQuery 。本文介紹了10個非常出色的 jQuery 運動特效,這些效果可以更有效地展示你的內容。 1. 流感導覽功能表 下面的導覽功能表,當滑鼠在上面移動的時候,會很流暢地垂下解釋菜單,當你將滑鼠在上面快速左右移動的時候,會懷疑這是 Flash。2. 轉花燈 Roundabout 是一個 jQuery
Time of Update: 2017-02-28
@media是css3中新定義的,功能非常強大,下面簡單講解一下用css3的@media orientation匹配手機螢幕是橫屏還是豎屏。顧名思義PC是無法匹配橫豎屏的,所以orientation只對行動裝置起效。1.頭部聲明<meta name="viewport" content="width=device-width,
Time of Update: 2017-02-28
jQuery中10個非常有用的遍曆函數 使用jQuery,可以很容易的選擇HTML元素。但有些時候,在HTML結構較為複雜時,提煉我們選擇的元素就是一件麻煩的事情。在這篇教程中,我們將探討十種方法去精鍊和擴充我們將要操作的集合。 HTML 首先,讓我們看看下圖所示的簡單的頁面,通過這個教程我們將選擇這些元素。 div.container是包裹元素; div.photo、div.title、div.rating是div.container的直接子級; 每個div.star是div.
Time of Update: 2017-02-28
預設情況下,在表單(form)的輸入框(input)裡按斷行符號將會提交(submit)表單。這會造成一個問題:當使用者在填寫表單時不小心按了斷行符號鍵(特別是輸入框含有記錄時,這種情況經常發生),這時不完整的表單會被提交。我們可以通過Javascript來屏蔽斷行符號鍵,這樣當使用者鍵入斷行符號鍵,表單就不會被提交,而且我們還可以根據需要執行別的任務,例如把游標移到下一個輸入框。這樣不但屏蔽了斷行符號鍵誤提交表單,而且還方便了使用者,一舉兩得!jQuery代碼如下:
Time of Update: 2017-02-28
現在做的網站首頁,導航條等使用了半透明效果,調試的時候鄙人使用了Chrome瀏覽器,之前有考慮過IE的相容性問題,但打算,網頁完全布局完成後一次性解決。因為只要求相容到IE8,所以感覺並沒有什麼太大的問題。
Time of Update: 2017-02-28
常用動畫屬性:transform:translate(x,y);//平移,x代表向又移動距離,y代表向下移動距離;transform:scale(x,y);//縮放,x代表水平縮放倍數,y代表垂直縮放倍數; transform:rotate(x);//旋轉,x代表順時針旋轉多少度,如rotate(10deg) ;transform:skew(x,y);//傾斜,x\y分別代表沿x軸和y軸的傾斜
Time of Update: 2017-02-28
中秋禮品項目交到我們團隊手中的時候,每個人都希望能交出精彩的答卷。但怎樣謂之精彩?是要做得很炫嗎?是要做得很有視覺創意嗎?似乎這些都還不是全部的答案。一、前期思考1.確定方向有一天在網上看到一篇文章,具體出處不是很記得了。大致是說日本一個知名企業每一年都會給員工召開一次“家長會”,感謝父母為企業培養了這些人才。給父母講講企業未來的願景,聽聽父母對兒女的期盼和鼓勵等等。 這篇無關設計的文章給了我們一些提醒。 中國傳統的大節日,春節、端午、中秋等等,都是因為“親情”“團聚”才顯得那麼的珍貴。
Time of Update: 2017-02-28
與過去相比,一切似乎都在超速發展。我們正在目睹世界的瞬息發展,正利用像Google和維基百科這些前所未有方式來擷取資訊。所有情況讓我們不禁自問,網頁設計的未來將走向何方?雖然預知未來並非易事,但是我們可以給出一些大致的意見,並且預測事情發展的走向。就目前設計界的演變趨勢來看,我們開始看到未來道路的光明前景和新創意的湧現。我們這些設計者中誰緊隨這些趨勢,誰就能脫穎而出,並且成為科技新時代的霸主。使用者體驗的增長隨著社交媒體一代的增長,我們正看到比過去多得多的網路使用者。從前的網頁都是靜態頁面,以靜
Time of Update: 2017-02-28
網站當中經常會遇到圖片載入失敗的問題,img中有地址,但是地址開啟是錯誤的。情況如下:不同瀏覽器處理錯誤圖片是不一樣的,有的乾脆就顯示差號,例如IE,有的顯示一張破碎的圖片,有的則是給一張高度比較大的預設圖,例如PC端的Firefox,IOS中Safari,還有安卓中的UC瀏覽器。這樣在手機中就會導致左右兩側圖片高度不一致!如下圖:解決方案其實這裡解決很簡單,判斷當圖片載入失敗的時候給一個預設圖就可以了,不讓瀏覽器使用其內建的預設圖。<img
Time of Update: 2017-02-28
在我最喜歡的一個電影情境中,Clark W. Griswold(《瘋狂聖誕假期》中由 Chevy Chase 飾演)在藏聖誕禮物時將自己困在了閣樓上。為了保暖,他戴上了從落滿灰塵的衣櫃中找到的 粉紅色手套、綠色帽子和棕色毛皮披肩。在衣櫃底部,他發現了從少年時期開始錄製的家庭電 影。他含著眼淚,用一台老舊的電影放映機看完了這些電影。從那時起,家庭電影已經經曆了一段漫長的曆程,但是人們仍然被同一個問題所困擾:如何 向親朋好友展示我的電影?我們可以通過 YouTube、Vimeo 和
Time of Update: 2017-02-28
ShellExecute是windows的API函數,功能是執行可執行檔(exe)或任何關聯檔案(doc、 txt、xls等)。但 ShellExecute是非同步執行的,也就是說,不管執行的程式是否成功運行,運 行的時間是長是短,ShellExecute函數都會立即返回。這樣雖然可以很好地完成執行程式的工 作,但卻會給後續的工作帶來麻煩。例如,當調用bcp命令向sql server匯入資料後,在DBGrid中顯示這些匯入的資料。如果使
Time of Update: 2017-02-28
動態載入控制項貌似給很多程式員都帶來了困擾,經常收到這樣的郵件,乾脆就寫下面這個示 例來示範如何解決那些常見的問題吧。其實常見的問題通常有這樣兩個:1. 通常他們都通過一個按鈕來添加一個UserControl 並將它們加入PlaceHolder 容器的 Controls 中。然後頁面上就會有一個另外一個按鈕,這個按鈕什麼相關的事也沒做,就是做了 一次回傳。這樣的情況動態添加的控制項就不翼而飛了。2. 今天收到了一封郵件說是要追加控制項,和上面的情況看上去好像不一樣,但實質就是同
Time of Update: 2017-02-28
基於一組與測試有關的資料來產生圖形是一項常見的軟體開發工作單位。根據我的經驗,最常用 的方法是將資料匯入 Excel 試算表,然後使用 Excel 內建的繪圖功能手動產生圖形。這種 做法適用於大多數情況,但是如果基礎資料頻繁更改,則手動建立圖形可能很快就變得枯燥乏 味。在本月的專欄中,我將向您示範如何使用 Windows Presentation Foundation (WPF) 技術 自動執行該過程。若要瞭解我所闡述的觀點,請看圖 1。該圖按日期顯示開啟和已關閉的錯誤
Time of Update: 2017-02-28
這一系列文章展示了 WebSphere® Studio V5.1.1 中的 Java™ Server Faces TechnologyPreview 的特徵,本文是其中的第 4 部分在文章系列的 第 3 部分中,我們看到了 JSF 應用程式如何利用 Service Data Object(SDO)技術來訪問資料。在本文中,我們將會看到 JSF如何利用現有的 J2EE 技術。我們將會建立一個調用現有的 EJB 應用程式的 JSF 頁面,並在兼顧 JSF 的 RAD
Time of Update: 2017-02-28
客戶對 IBM 軟體的可配置性需求不斷提升,以便能與其現有的 IT 和安全性基礎設施中的其他第三方軟體實現無縫串連。Netegrity SiteMinder 就是這樣一種客戶經常部署的第三方軟體。SiteMinder 是一種安全性軟體解決方案,能實現整個組織的安全性身份管理,控制對公司資訊資產的訪問。SiteMinder 提供了跨單個和多個域的單點登入(single sign-on,SSO)功能,簡化了跨多種 Web
Time of Update: 2017-02-28
說道Web Service的程式開發,八個月前我加班調試公司和中國電信的商務領航系統的介面的時候,用的就是Web Service,Web Service有很多優點,使用Web Service可以在不同程式設計語言間實現資料交換,而我那時對Web Service也不熟,就由同事幫我產生了一大堆Web Service的架構代碼,我則只單獨開發業務代碼。這次的另外一個項目也要用Web Service了,不過人手也少了,沒有人幫做Web
Time of Update: 2017-02-28
接著上一節:我們先解決如下問題:在介面操作過程中,我們希望面對的是邊框調整事件,圖形移動事件,或者是編輯文本事件,而不是原始的滑鼠和鍵盤事件?術語定義:系統UI事件:一般由某些電腦人機互動硬體發出訊號,並且經作業系統理解後產生的事件,例如:原始的滑鼠的移動、點擊和鍵盤的敲擊事件等。UI業務語義事件:
Time of Update: 2017-02-28
1、關於Apache 2.x URL別名的說明和設定;Apache 2.x 伺服器中的URL別名規則的文檔,它是通過rewrite模組來實現的。能過URL別名規則,我們能看到一個乾淨的URL,比如可以重寫為類似靜態網頁的地址。比如 LinuxSir.Org 論壇中,每個文章都有一個靜態網頁的地址。乾淨的URL,對於Google搜尋引擎來說是極為受用的,能更快的收錄。這個重寫,是通過Apache 2.x 內部實現的,只是表面上把Web應用程式的URL變的乾淨一點,原始的URL還是一樣有效。1.1
Time of Update: 2017-02-28
Lotus Forms 通過構建動態電子錶單,收集使用者資訊並將其傳遞給其他應用系統,以實現商務程序的管理。與紙質表單相比,電子錶單的最大優勢之一就是能夠動態地響應使用者活動。如,根據使用者輸入動態改變背景顏色,響應滑鼠點擊事件發送郵件或提交表單,等等。本文將通過若干執行個體,向您詳細講述 Lotus Forms 中對計算功能的支援。作為複雜事件處理的基礎,計算功能允許設計者通過編程實現表單對使用者活動的響應。Lotus Forms 概述Lotus Forms