Time of Update: 2015-10-16
負margin置中,margin置中<!DOCTYPE html><html> <head> <title> new document </title> <meta name="author" content="胡超" /> <meta charset="utf-8"/> <style type="text/css"> div { /*負邊距margin使置中,首先定位到50%
Time of Update: 2015-10-16
JS實現的最簡Table選項卡效果,js最簡table選項卡本文執行個體講述了JS實現的最簡Table選項卡效果。分享給大家供大家參考。具體如下:這是一款最簡易的Table選項卡,是基於Table表格的,非DIV結構,習慣表格的朋友可能會喜歡本選項卡,部分修飾仍然用的是Table,比如表格邊框、背景顏色等,個人感覺好像用Table比用DIV結構代碼更精簡一些。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-z-simple-tab-nav-menu
Time of Update: 2015-10-16
淺析四種常見的聲明迴圈變數的書寫方式,淺析四種變數書寫Javascript中的迴圈變數聲明,到底應該放在哪兒?習慣1:不聲明直接使用function loop(arr) { for (i = 0; i < arr.length; i++) { // do something } } 非常危險的使用習慣,一般情況下迴圈變數將成為window對象上的一個屬性被全域使用,極有可能影響程式的正常邏輯實現。
Time of Update: 2015-10-15
【html】前端編碼規範,前端編碼規範這是一份旨在增強團隊的開發協作,提高代碼品質和打造開發基石的編碼風格規範,其中包含了 html,css,javascript 和 jquery 這幾個部分。我們知道,當一個團隊開始指定並實行編碼規範的話,錯誤就會變得更加顯而易見。如果一段特定的代碼不符合規範的話,它有可能只是代碼風格錯誤,而也有可能會是
Time of Update: 2015-10-15
min-height最小高度的實現(相容IE6、IE7、FF)(解決IE6不相容min-height),min-heightie6<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> div{
Time of Update: 2015-10-15
z-index優先順序總結,z-index優先順序因為顯示器顯示的圖案是一個二維平面,擁有x軸和y軸來表示位置屬性。為了表示三維立體的概念如顯示元素的上下層的疊加順序引入了z-index屬性來表示z軸的區別,表示一個元素在疊加順序上的上下立體關係。 可能的值: 注釋: 所有主流瀏覽器都支援 z-index 屬性。任何的版本的 Internet
Time of Update: 2015-10-14
激動又忐忑,我要開部落格了,部落格嘎嘎,其實入前端的門還沒幾個月,雖然學校學的電腦相關專業,畢業又針對前端參加了了一個培訓班,現在真正踏入工作,仍感覺十分吃力,學的東西太少了,真正去做些東西是發現這也不會那也不會,所以前期的工作基本是寫一點,在網上搜一點,自己慢慢積累,上班求同事幫忙,還好,邁出了第一步,就要勇敢的走下去。鑒於之前瘋狂在網上找答案解決自己的迷惑,我決定要學習,要進步,也要有所總結,申請了部落格園的部落格,就可以記錄自己的學曆過程了。 目前還是渣渣,努力修鍊中,期待我的下
Time of Update: 2015-10-15
jquery.validate驗證表單,自己的js提交資料,返回json$.metadata.setType("attr", "vld");$.validator.addMethod("username", function(value) {var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\-@_]+$/;return p.exec(value) ? true : false;}, "Please
Time of Update: 2015-10-14
DIV+CSS設計IE6浮動產生雙倍距離,divie6<!doctype html><html><head> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <title></title> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-10-14
jQuery實現仿新浪微博浮動的訊息提示框(可智能定位),jquery新浪本文執行個體講述了jQuery實現仿新浪微博浮動的訊息提示框。分享給大家供大家參考。具體如下:這是一款jQuery實現的仿新浪微博新訊息提示框效果,支援智能浮動定位框,新浪微博用來提示訊息時候的智能定位框,可以適時關閉視窗,你完全可以將其應用到你網頁的其它地方。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-sina-weibo-info-dlg-demo/具體代碼如下:
Time of Update: 2015-10-14
javascript函數式編程程式員的工具集,javascript工具集如果你仔細看了到目前為止出現過的範例程式碼,你會發現這裡面的一些方法不太熟悉。 它們是map()、filter()和reduce()函數,它們對任何語言的函數式編程都至關重要。 它們可以讓你不必使用迴圈和語句,寫出更簡潔的代碼。map()、filter()和reduce()函數組成了函數式程式員工具集的核心部分,這個工具集包括一系列純的、
Time of Update: 2015-10-14
深入學習JavaScript對象,深入學習javascriptJavaScript中,除了五種原始類型(即數字,字串,布爾值,null,undefined)之外的都是對象了,所以,不把對象學明白怎麼繼續往下學習呢?一.概述對象是一種複合值,它將很多值(原始值或其他對象)彙總在一起,可通過屬性名稱訪問這些值。而屬性名稱可以是包含Null 字元串在內的任一字元串。 JavaScript對象也可以稱作一種資料結構,正如我們經常聽說的“散列(hash)”、“散列表(hashtable)”、“字典
Time of Update: 2015-10-12
css製作三角形,css三角形#triangle-up {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red;}#triangle-down
Time of Update: 2015-10-12
超連結的那些事(三): 屬性target,那些事targeta標籤的屬性之一 target1. 定義 規定在何處開啟連結文檔。 如果a標籤中有target屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的架構或者視窗中的文檔。 如果指定的name和id的架構,瀏覽器將會開啟一個新的視窗,標記此視窗,將文檔載入當這個新視窗內。之後的超連結文檔將會指向這個新視窗。2.
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表單表單驗證一直很繁瑣,特別是大點的表單,如果每個input都去單獨寫驗證簡直要寫死人,最近寫了一小段js統一的驗證表單內容是否正確。使用這段代碼就不再需要對每個input寫格式判斷,只需要將正確格式的Regex寫在datatype裡就可以了,提交表單按鈕也只需要綁定checkForm函數就可以了。大家有什麼建議可以評論一下<input type="text"
Time of Update: 2015-09-13
jquery實現最簡單的滑動菜單效果代碼,jquery滑動本文執行個體講述了jquery實現最簡單的滑動菜單效果代碼。分享給大家供大家參考。具體如下:這是一款最簡單的jQuery下拉滑出菜單,jQuery代碼實現,這裡沒有過多的去修飾菜單,僅是一些基本的實現,特別是對學習jQuery是個不錯的參考執行個體,這裡使用了一個jquery封裝庫檔案jquery.tools.min.js,從外部引入,測試時候可能會因載入不成功而看不到效果,重新整理一下網頁即可解決此問題。運行效果如下:線上示範地址如下:
Time of Update: 2015-09-13
圖片輪翻效果,圖片輪翻<!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"
Time of Update: 2015-09-12
jQuery實現點擊小圖片淡入淡出顯示大圖片特效,jquery淡入淡出分享一款基於jQuery點擊淡入淡出顯示圖片特效。這是一款基於jQuery+CSS3實現酷炫效果的圖片切換特效代碼。如下:線上預覽 源碼下載html代碼:<center><p style="color:#334960">點擊表徵圖進行展示</p></center> <div class="main"> <div
Time of Update: 2015-09-12
js圖片捲簾門導覽功能表特效代碼分享,捲簾門導覽功能表本文執行個體講述了jQuery超精緻圖片輪播投影片特效。分享給大家供大家參考。具體如下:這是一款基於js實現圖片捲簾門導覽功能表特效代碼,與以往的導覽功能表相比,更具有創新性,不止是簡單的向使用者展示資訊,而是更加豐富網站的整體內容。運行:-------------------查看效果 下載源碼-------------------小提示:瀏覽器中如果不能正常運行,可以嘗試切換瀏覽模式。在head地區引入CSS樣式:<link