Time of Update: 2015-10-12
用JavaScript判斷CSS瀏覽器類型首碼的兩種方法,javascriptcss不管我們對瀏覽器類型首碼有多麼的討厭,我們都不得不每天面對它,否者有些東西不能正常工作。這些首碼的用法有兩種:在CSS裡(例如“-moz-”)和在JS裡。有一個神奇的 X-Tag 項目裡有一段很聰明的JavaScript指令碼,可以用來判斷當前使用的是什麼首碼——讓我來展示它是如何工作的!比如 CSS 首碼,IE 的是 "-ms-",舊版 Opera 的是 "-o-",Firefox 的是
Time of Update: 2015-10-12
JS實現樣式清新的橫排下拉式功能表效果,js橫排本文執行個體講述了JS實現樣式清新的橫排下拉式功能表效果。分享給大家供大家參考。具體如下:這是一款灰色調橫排清新的下拉式功能表,完全符合WEB標準,相容性不錯,菜單簡潔好用,適合大部分的網頁風格。如果色調不是你想要的,自己發揮聰明才智,修改一下吧。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-style-hp-menu-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-12
JS實現常見的TAB、彈出層效果(TAB標籤,斑馬線,遮罩層等),tab遮罩本文執行個體講述了JS實現常見的TAB、彈出層效果。分享給大家供大家參考。具體如下:這裡示範tab活頁夾(網頁標籤),斑馬線,遮罩層、彈出層的簡單實現,裡面的JS檔案,可下拉儲存為JS代碼調用即可,也可以拷貝在本網頁中使用。這個小網頁囊括了目前網上流行的風頁標籤、彈出層以及斑馬線效果,很實用啦。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-tab-alert-bq-sty
Time of Update: 2015-10-12
JS+CSS相對定位實現的下拉式功能表,jscss本文執行個體講述了JS+CSS相對定位實現的下拉式功能表。分享給大家供大家參考。具體如下:這裡使用的是相對定位,不過效果還可以,用時候再修整一下,這個只是實現了大概功能,還有許多細節沒有修飾。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-ab-fix-menu-codes/具體代碼如下:<html><head><title>非定位CSS+Js下拉式功能表
Time of Update: 2015-10-12
jQuery控制DIV層實現由大到小,由遠及近動畫變化效果,jquerydiv本文執行個體講述了jQuery控制DIV層實現由大到小,由遠及近動畫變化效果。分享給大家供大家參考。具體如下:這裡介紹jQuery控制DIV由大到小,由遠及近動畫變化效果,使用jquery產生動畫效果的一個小例子,希望大家喜歡。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-div-animate-cha-style-demo/具體代碼如下:<!DOCTYP
Time of Update: 2015-10-12
jQuery+PHP實現可編輯表格欄位內容並即時儲存,jquery欄位本例適用情境:當查看詳細資料,如使用者詳情資訊,發現其中某幾個欄位資訊需要修改,可直接點擊該欄位內容進行修改,節約了使用者時間,(傳統的做法是進入一個編輯頁面,列出所有編輯的欄位資訊,即使你只需要編輯其中一兩個欄位內容,然後點擊提交)提高了WEB響應速度,從而提高了前端使用者體驗。本例依賴jquery庫,並基於外掛程式,具有以下特點:即時編輯,後台即時響應,並即時完成局部重新整理。可自訂輸入表單類型,目前jeditable提供
Time of Update: 2015-10-12
js小數運算出現多位小數如何解決,js小數運算多位和大家分享一個有趣的測試:0.1+0.2 == 0.3 //false頓時鬱悶,好吧!原來0.1+0.2變成:0.30000000000000004再來一個 2.4/0.8 =>2.9999999999999996 沒辦法換種方式,都轉換成整數 (2.4 * 100)/(0.8 * 100)10.22 現在要減去 0.11 結果值又出現了很多的小數 10.110000000000001,然後我就用了 toFixed
Time of Update: 2015-09-22
javascript基礎資料型別 (Elementary Data Type)與實值型別參考型別說明 一、基礎資料型別 (Elementary Data
Time of Update: 2015-09-22
JS實現仿雅虎首頁快捷登入入口及導航模組效果,js登入入口本文執行個體講述了JS實現仿雅虎首頁快捷登入入口及導航模組效果。分享給大家供大家參考。具體如下:這是一款JS實現仿雅虎首頁網站快捷入口導航模組的代碼,裡面有使用者登入框,這個大家或許會用上吧,放到你網站著頁作為使用者登入也挺行。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-yahoo-index-login-style-codes/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-09-23
javascript三級聯動效果實現2var text = "";for (i = 0; i < data.length; i++) { text += "<option value=" + i + " data-pId=" + data[i].pId + ">" + data[i].pName + "</option>";}$("
Time of Update: 2015-09-22
旋轉六面體源碼,六面體源碼應網友要求,也方便大家一起學習,在此貼出昨天編寫旋轉六面體源碼<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>hexahedron</title> <meta
Time of Update: 2015-09-22
使用Struts2和jQuery EasyUI實現簡單CRUD系統(三)——ajax,struts2使用json格式的互動繼上篇:《使用Struts2和jQuery EasyUI實現簡單CRUD系統(二)——ajax與struts2的互動》講了這兩者的互動之後,接下來要通過json的格式進行傳輸資料。 這裡有3中方法:1、像上篇在最後說的方法,特定內容只要先轉換成json格式後,再發送到頁面,其實不難。 2、用ServletActionContext.
Time of Update: 2015-10-12
chrome瀏覽器當表單自動填滿時如何去除瀏覽器自動添加的預設樣式,chrome表單一、發現該問題的原因-是在寫帳號登入頁面時,input表單添加了背景圖片,當自動填滿,搓搓的一坨淡黃色背景出來。這個原因是我草率的直接設定在input元素裡面,結果問題就來了。所以如果把這個表徵圖放在input表單外面,就不會出現這個問題。二、表單自動填滿會添加瀏覽器預設樣式怎麼處理和避免第二張圖,就是表單自動填滿後,chrome會預設給自動填滿的input表單加上input:-webkit-autofill私人
Time of Update: 2015-09-22
jquery實現點擊彈出帶標題列的彈出層(從右上方飛入)效果,jquery標題列本文執行個體講述了jquery實現點擊彈出帶標題列的彈出層(從右上方飛入)效果。分享給大家供大家參考。具體如下:這是一款jquery實現的彈出層,點擊文字後從網頁右上方飛入,也可以說是滑入,此類彈出框帶有關閉按鈕,可自訂標題列和彈出框內容,風格自己可定義,代碼簡潔,基於jquery實現,學習參考價值大,也可拿出即用。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery
Time of Update: 2015-09-22
使用Struts2和jQuery EasyUI實現簡單CRUD系統(二)——ajax與struts2的互動寫部落格的時候,我在想,是不是以後也有人來問我我向別人提過的問題。認識了一些人之後,在技術還有其他的一些問題上的疑問,在有經驗的人身上得到一些啟示。然後將自己的東西寫出來之後,又有人來問我,這是一件很奇妙的事情。我曾經受過別人協助,當別人有求的時候,我也希望能把自己會的說給他人聽。 繼上篇:《使用Struts2和jQuery
Time of Update: 2015-10-12
js中unicode轉碼方法詳解,jsunicode轉詳解有時候遇到unicode不得不轉碼,我們只好人工編碼進行轉碼。昨天在網上看到一個unitcode轉碼的方法,非常好用!小編把它和大家分享一下。JavaScript指令碼UniCode轉碼函數:<script type="text/javascript"> var GB2312UnicodeConverter = { ToUnicode: function (str) { return
Time of Update: 2015-09-22
JS+CSS實現簡單滑動門(滑動菜單)效果,css滑動門本文執行個體講述了JS+CSS實現簡單滑動門的方法。分享給大家供大家參考。具體如下:這是一款超簡約設計的滑動門菜單,滑鼠放到主菜單上,裡面的內容會跟著變化,實際上本示範是一個範例,從代碼中的注釋你就能感覺到,每一步都有注釋,對學習JavaScript和CSS都有協助,也為你以後寫出比這更漂亮、更實用的滑動門做鋪墊。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-jdhd-menu-st
Time of Update: 2015-09-22
Node.js開發入門—UDP編程Node.js也提供了UDP編程的能力,相關類庫在“dgram”模組裡。與TCP不同,UDP是不需連線的,不保障資料的可靠性,不過它的編程更為簡單,有時候我們也需要它。比如做APP的統計或者日誌或者流媒體,很多流媒體協議都會用到UDP,網上一搜一大堆。使用UDP,如果你要發送資料,只需要知道對方的主機名稱(地址)和連接埠號碼,扔一訊息過去即可。至於對方收不收得到,聽天由命了。這就是資料報服務,類似快遞或郵件。我們這次來介紹一下Node.j
Time of Update: 2015-09-22
jQuery採用連綴寫法實現的摺疊菜單效果,jquery連綴本文執行個體講述了jQuery採用連綴寫法實現的摺疊菜單效果。分享給大家供大家參考。具體如下:這是一款jQuery採用連綴寫法實現的摺疊菜單效果,作者是位高手啊,自己用jQuery的連綴寫法編寫的,差不多是手風琴菜單,功能是實現了,不過有點擔心效率,作者希望與高人一起交流進步。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-lz-fade-in-menu-style-codes/具
Time of Update: 2015-09-22
jquery+正則實現統一的表單驗證,jquery表單表單驗證一直很繁瑣,特別是大點的表單,如果每個input都去單獨寫驗證簡直要寫死人,最近寫了一小段js統一的驗證表單內容是否正確。使用這段代碼就不再需要對每個input寫格式判斷,只需要將正確格式的Regex寫在datatype裡就可以了,提交表單按鈕也只需要綁定checkForm函數就可以了。大家有什麼建議可以評論一下<input type="text"