Time of Update: 2015-10-26
CSS 備忘,css備忘 CSS規則圖示 顏色值的不同寫法 p { color: #ff0000; }p { color: rgb(255,0,0); }p { color: rgb(100%,0%,0%); }當使用 RGB 百分比時,即使當值為 0 時也要寫百分比符號。值的引號如果值為若干單詞,則要給值加引號。 p {font-family: "sans serif";}屬性選取器只有在規定了 !DOCTYPE 時,IE7 和 IE8
Time of Update: 2015-10-26
JS+CSS實現大氣清新的滑動菜單效果代碼,jscss本文執行個體講述了JS+CSS實現大氣清新的滑動菜單效果代碼。分享給大家供大家參考,具體如下:這是一款比較大氣清新的滑動導覽功能表,CSS和JavaScript配合完成,滑鼠放到一級菜單上,會滑出二級的菜單,相容性也不錯,適合大多數網站使用,用到兩張背景圖片,請拷貝圖片地址下載圖片。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-dqqx-scroll-menu-demo/具體代碼如下:
Time of Update: 2015-10-23
深入剖析JavaScript編程中的對象概念,深入剖析javascriptJavaScript 中的所有事物都是對象:字串、數值、數組、函數...此外,JavaScript 允許自訂對象。所有事物都是對象JavaScript 提供多個內建對象,比如 String、Date、Array 等等。 對象只是帶有屬性和方法的特殊資料類型。 布爾型可以是一個對象 數字型可以是一個對象 字串也可以是一個對象 日期是一個對象 數學和Regex也是對象 數組是一個對象
Time of Update: 2015-10-22
JS實現仿Windows經典風格的選項卡Tab切換代碼,jstab本文執行個體講述了JS實現仿Windows經典風格的選項卡Tab切換代碼。分享給大家供大家參考,具體如下:這款仿Windows風格的選項卡,帶有灰色的立體感,樣本內容是用JS控制輸出,只是為了示範功能,你在用的時候完全可以去掉的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-windows-style-tab-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-22
tomcat 伺服器全解,tomcat伺服器①B/S、C/S比較 ⑴C/S C/S結構即用戶端/伺服器(Client/Server),例如QQ; 需要編寫伺服器端程式,以及用戶端程式,例如我們安裝的就是QQ的用戶端程式; 缺點:軟體更新時需要同時更新用戶端和伺服器端兩端,比較麻煩; 優點:安全性比較好。 ⑵B/S B/S結構即瀏覽器/伺服器(Browser/Server); 優點:只需要編寫伺服器端程式; 缺點:安全性較差。②WEB資源
Time of Update: 2015-10-22
JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼,立體感銀灰色本文執行個體講述了JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼。分享給大家供大家參考,具體如下:這是一款超酷的可以用到網頁左側的銀灰色豎排多級摺疊菜單,可以自己為菜單加一個背景,CSS中預留有代碼,這是比較標準和經典的一款後台管理員模式的菜單,Div+Css結構,符合標準,修改方便,挺不錯。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-3d-left-yhs-menu-demo/具體代
Time of Update: 2015-10-22
深入解析JavaScript的閉包機制,解析javascript機制JavaScript 變數可以是局部變數或全域變數。私人變數可以用到閉包。全域變數函數可以訪問是有函數內部定義的變數,如:執行個體function myFunction() { var a = 4; return a * a;}函數也可以訪問函數外部定義的變數,如:執行個體var a = 4;function myFunction() { return a * a;}後面一個執行個體中, a 是一個 全域
Time of Update: 2015-10-21
前端項目結構設計精細方案,前端項目結構設計開始的開始,前端項目很簡單,html放外面,然後建立一個css和js檔案夾,看起來很清晰。隨著時間推進,項目變大,問題開始一一出現了:html 太多,找起來麻煩css 和 js 需要壓縮css 和 js需要發布到 CDN開始只簡單依賴一個jQuery,後來發現依賴的外掛程式越來越多,不好更新維護html 裡面怎麼實現公用一個頭js和css包含大量重複代碼,怎麼重構項目前端如何把代碼交付給後端填模板代碼很多公司面對這些問題都有了自己的方案,Node
Time of Update: 2015-10-21
利用sublime的snippet功能快速建立程式碼片段,sublimesnippet在前端開發中我們經常會輸入相同的一些基本代碼,例如常用的jquery引用,bootstrap架構,cssreset等等,如果每次使用時在複製粘貼感覺很麻煩,這裡介紹一種更為簡潔的方法利用sublime的snippet功能快速建立程式碼片段開啟Tools->New
Time of Update: 2015-10-21
全系IE支援Bootstrap的解決方案,iebootstrap最近做一個Web網站,之前一直覺得bootstrap非常好,這次使用了bootstrap3,在chrome,firefox,safari,opera,360瀏覽器(極速模式)、搜狗瀏覽器等瀏覽器下均沒有問題,而在IE8及IE11下發現樣式無法顯示,然後各種百度啊,最後在一個網友文章的協助下解決了問題,先將解決方案總結如下:首先需要確保你的HTML頁面開始部分要有DOCTYPE聲明。DOCTYPE告訴瀏覽器使用什麼樣的HTML或XHT
Time of Update: 2015-10-21
jQuery實現ctrl+enter(斷行符號)提交表單,jqueryenter以jQuery外掛程式開發的方法開發。具體代碼如下:jQuery.fn.extend({ /** * ctrl+enter提交表單 * @param {Function} fn 操作後執行的函數 * @param {Object} thisObj 指標範圍 */ ctrlSubmit:function(fn,thisObj){ var obj = thisObj || this;
Time of Update: 2015-10-21
jquery如何擷取元素的捲軸高度等實現代碼,jquery捲軸主要功能:擷取瀏覽器顯示地區(可視地區)的高度 : $(window).height(); 擷取瀏覽器顯示地區(可視地區)的寬度 :$(window).width(); 擷取頁面的文檔高度 $(document).height(); 擷取頁面的文檔寬度 :$(document).width(); 瀏覽器當前視窗文檔body的高度: $(document.body).height();瀏覽器當前視窗文檔body的寬度:
Time of Update: 2015-10-20
jquery---5可見選取器 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script>
Time of Update: 2015-10-19
讓IE6 IE7 IE8 IE9 IE10 IE11支援Bootstrap的解決方案,ie8ie9Bootstrap相容IE系列的方法,其實最簡單就是從bootstrap
Time of Update: 2015-10-21
JS+CSS實現分類動態選擇及移動功能效果代碼,jscss本文執行個體講述了JS+CSS實現分類動態選擇及移動功能效果代碼。分享給大家供大家參考,具體如下:這是一個類似選項卡功能的選擇外掛程式,與普通的TAb區別是加入了動畫效果,多用於商品類網站,用作商品分類功能,不過其它網站也可以用,點擊運行一下你會知道它的奧妙,它用JavaScript類比出了Flash動畫的效果,很貼切。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-cha-type
Time of Update: 2015-10-19
css-----強大的效果,css-----強大效果 1 <div id="d1">你好 2 <span>aaaaaaaaa</span> 3 <div> 4 <span id="s1">bbbbbbbb</span> 5 <div>ttttttttttttt</div> 6 <div>zzzzzzzzzzz</div> 7
Time of Update: 2015-10-20
Flash與DIV的層疊順序問題,flashdiv層疊很多人在寫頁面代碼時都會遇到過這樣一個問題,那就是當Flash與頁面中的其它HTML結構有重疊的時候,預設情況下Flash總是顯示在最上 面,從而遮擋住了與它有重疊部分的HTML結構,就算為該Flash或是HTML結構標籤定義z-index屬性卻依然是無效的。 因為預設情況下在網頁中添加的Flash在瀏覽器中是以視窗模式存在的,是獨立於瀏覽器的HTML結構渲染的,所以這種情況下的Flash會遮蓋住與它重疊的HTML。 在Adobe
Time of Update: 2015-10-19
HTML,html5 HTML入門基礎 主要是在這裡學的,個人覺得W3shool是個不錯的學習之地。最近對HTML做了一些瞭解,沒有系統的詳細的去學習它的文法知識,從基礎的層面上做了一些瞭解。 什麼是 HTML?下面就是: <html> <body> <h1>My Heading</h1>
Time of Update: 2015-10-19
angularJS與bootstrap結合實現動態載入彈出提示內容,angularjsbootstrapangularjs是由Google團隊開發的一款非常優秀web前端架構。在當前如此多的web架構下,angularjs能脫穎而出,從架構設計上就高人一等,雙向資料繫結,依賴注入,指令,MVC,模板。Angular.js創新地把後台技術融入前端開發,掃去jQuery一度的光芒。用angularjs就像寫後台代碼,更規範,更結構化,更可控。1.bootstrp的彈出提示 bootstrap已經幫
Time of Update: 2015-10-19
JS實現可自訂大小,可雙擊關閉的彈出層效果,js自訂本文執行個體講述了JS實現可自訂大小,可雙擊關閉的彈出層效果。分享給大家供大家參考。具體如下:這是一款JS彈出層,可自訂大小,雙擊關閉層,可以彈出500,300、500,500大小的視窗,視窗彈出後,在快顯視窗內雙擊即可關閉滑鼠。我覺得挺不錯的效果,可以學習到不少的JS知識。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-define-close-able-alert-dlg-demo/具體代碼如