原创 日期選擇器：jquery datepicker的使用(轉)
網頁開發中，爲了控制用戶輸入的合法性，提高交互性。在輸入日期時，我們選擇jquery插件來實現相關功能。 注：demo並非原創。意在傳播技術，方便大家學習。 先給出一段簡短的代碼： jsp： <p>日期：<input type="text
2020-02-22 09:22:37
1
原创 Jquery 模仿Baidu、Google收索時提示輸入結果
好程序就是懶人喜歡的程序。好程序員就是懶人程序員。昨天研究了一下Jquery 模仿Baidu、Google收索時自動補充收索結果的提示，感覺效果還行。特意和大家分享一下。所需Jquery插件。請看代碼： <script type="tex
2020-02-22 09:22:37
原创 background 的巧用
在網絡時代的今天，我不得不感嘆一下，瀏覽器的百花齊放，百家爭鳴！！！！他們的競爭卻給我們這些苦逼的程序員帶了災難。今天寫程序時遇到一個關於Background的小問題。糾結了一下午。終於搞定了！具體如下： 用li做導航條，並且設置一個導航
2020-02-22 09:22:37
原创 正則表達式之電話，郵箱，郵編篇
正則表達式在web應用開發中必不可少的。當然網上也有很多正則式，只是不能達到預期要求。我寫的這幾個正則式都是我需要的。 首先看電話篇：電話分爲座機，手機兩種。 座機驗證之正則式：/^((0\d{2,3})-)?(\d{7,8})(-(\d
2020-02-22 09:22:37
原创 web table 設置1px的邊框？
你是否有這樣的感覺：用table佈局網頁，設置了border爲1px怎麼還是覺得很粗？通過css怎麼設置table or td 的border都不能達到1px呢？它還重疊在一起呢！！ 解決方案： 設置table的CSS爲{border-c
2020-02-22 09:22:37
原创 兼容IE7，IE8的背景漸變色
具體兼容代碼如下： .box{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/ backgro
2020-02-22 09:22:37
原创 網頁中顯示內容過多，如何從bottom回到top
web前端開發中避免不了要在頁面上顯示很多文章，如何才能從文中，文末點擊快捷的鏈接返回頂部呢？其實很簡單，就是你沒想到而已！ 請看下面： 共需要兩個步驟：
2020-02-22 09:22:37
原创 jsp 設置自己喜歡的input：file樣式
在web前端開發的過程中，我們難免不會遇上文件上傳的功能。但是自帶的input:file樣式也太醜了，如何設置自己喜歡的樣式呢？ 我們要做如下幾步： 1.input:file隱藏 2.在input:file上設置自己的input:text
2020-02-22 09:22:37
原创 overflow:hidden;text-overflow:ellipsis;在table的td中失效？
爲什麼 overflow:hidden;text-overflow:ellipsis;在table的td中失效沒有...出現呢？ 廢話不多少直接上解決方案： 在table的css樣式中設置:table-layout:fixed; 在tab
2020-02-22 09:22:37
原创 點擊登錄按鈕彈出登錄層(HTML+JS)
由於審美的需要，我們常常要實現點擊某個特定的登陸按鈕，然後彈出相應的登陸框。今天我也來分享一下…… 本例子非常簡單，說白了就是對JQuery的應用。就看你的熟練程度了。本例子只在追求相關功能的實現。界面佈局神馬的不在範圍之內。 先看源碼：
2020-02-22 09:22:37
原创 改變網頁文章字體大小
在項目開發中我們不得不考慮用戶體驗。今天我就來說說改變網頁字體大小來改變用戶體驗。請看代碼： <title>改變文章字體</title> <style type="text/css"> *{margin:0;padding:0;text
2020-02-22 09:22:37
原创 java web 實現圖片上傳前的預覽
要實現圖片預覽，我們必須限定上傳的文件是圖片文件。這個限制在上一篇有。如有不明白的，可以去看看。 實現預覽我們可以用：jquery的相關功能實現。 1.在工程中加入JQuery的包。 2.在jsp頁面引入Jquery。 3.用代碼實現預覽
2020-02-22 09:22:37
1
原创 js 如何驗證上傳文件的類型？
java web 開發中，文件上傳時限制文件類型： 直接上代碼： function checkFileType(name,file){var extArray = new Array(".doc",".docx");var allowSu
2020-02-22 09:22:37
原创 JQuery彈出炫麗對話框，背景變灰色
這段時間在做開發時，用到了JQuery彈出炫麗對話框，背景變灰色。特地和大家分享分享。 先看效果圖： 代碼如下： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http
2020-02-22 09:22:37
原创 黑客帝國數字矩陣效果
閒來沒事兒做，找了段黑客帝國中的數字矩陣代碼。與大家分享一下…… 這不是我寫的哦…… 代碼： <body> <canvas id="q"></canvas> <script type="text/javascript"> v
2020-02-22 09:22:37