Time of Update: 2015-10-18
JS+CSS實現另類帶提示效果的豎嚮導航菜單,豎嚮導航菜單本文執行個體講述了JS+CSS實現另類帶提示效果的豎嚮導航菜單。分享給大家供大家參考。具體如下:這是一款JS+CSS打造另類帶提示的豎嚮導航菜單,覺得挺不錯,只是美工水平有限,有興趣的朋友就請繼續完善吧。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-alert-txt-nav-menu-demo/具體代碼如下:<html><head><title>
Time of Update: 2015-10-18
在Ubuntu系統上安裝Node.JS的教程,ubuntunode.jsNode.js 在即時的 Web應用上採用了基於 WebSocket 的推送技術。這意味著什麼樣的革命性?Well,在經過了20多年的基於無狀態的請求-返機制的無狀態互動之後,我們終於有了即時的,雙向串連的web應用,用戶端和伺服器端都可以發起通訊,能夠自由地交換資料。與此形成鮮明對比的是傳統的
Time of Update: 2015-10-18
JS實現選中當前菜單後高亮顯示的導航條效果,高亮顯示導航條本文執行個體講述了JS實現選中當前菜單後高亮顯示的導航條效果。分享給大家供大家參考。具體如下:這裡示範選中當前菜單後,該菜單高亮顯示,也就是說在不改變菜單CSS代碼的情況下,用JavaScript去控制功能表的背景,如果該功能表項目被點擊後,將賦予它一個與眾不同的背景顏色或背景映像,這樣可以清淅的指引使用者下在瀏覽的網站欄目,本菜單不需要動態語言的加入,簡單方便而且效果好。運行效果如下:線上示範地址如下:http://demo.jb51.
Time of Update: 2015-10-18
如何?移動端瀏覽器不顯示 pc 端的廣告,瀏覽器pc前一段時間寫了一篇博文, 關於內建瀏覽器不顯示聯盟廣告根據 window.navigator.userAgent 來判斷當前瀏覽器是否是內建瀏覽器window.navigator.userAgent=='micromessenger'今天要分享的內容差不多,因為之前只考慮了瀏覽器的適配,回頭在移動端瀏覽器開啟網站,發現適配問題.有的聯盟會自動屏蔽移動端,但是有的聯盟就不能屏蔽,所以只能手動去判斷.根據瀏覽器 userAgent
Time of Update: 2015-10-17
Quirks模式是什嗎?,Quirks模式什麼是DOCTYPE:DOCTYPE,或者稱為 Document Type Declaration(文件類型聲明,縮寫 DTD)。通常情況下,DOCTYPE 位於一個 HTML 文檔的最前面的位置,位於根項目 HTML 的起始標籤之前。這樣一來,在瀏覽器解析 HTML 文檔本文之前就可以確定當前文檔的類型,以決定其需要採用的渲染模式(不同的渲染模式會影響到瀏覽器對於 CSS 代碼甚至 JavaScript
Time of Update: 2015-10-18
jQuery實現仿QQ線上客服效果的滾動層代碼,jquery線上客服本文執行個體講述了jQuery實現仿QQ線上客服效果的滾動層代碼。分享給大家供大家參考。具體如下:這是一款jQuery滾動層,可以做成仿QQ線上客服,雖然效果有點生硬,但水平就這麼高了,彈出層是挺實用的,期待大家有新的改進。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-f-qq-online-style-scroll-style-demo/具體代碼如下:<!DOCT
Time of Update: 2015-10-17
如何垂直置中一個<img>?,垂直置中img<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> #a1{ display:table-cell; text-align:center;
Time of Update: 2015-10-16
插入並列div使其置中,並列div置中<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title><style type="text/css"> html,body,div {margin: 0;padding: 0}/*、在
Time of Update: 2015-10-16
translate置中,css3translate置中<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title><style type="text/css"> html,body,div {margin: 0;padding: 0}/*
Time of Update: 2015-10-17
jquery 中 children、find
Time of Update: 2015-10-16
讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。,ie6寬度讓所有瀏覽器包括IE6即支援最大寬度又支援最小寬度。_height _width:針對ie6 css hack.yangshi{max-width:620px;min-width:1px;_width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth
Time of Update: 2015-10-18
jquery實現簡單實用的彈出層效果代碼,jquery簡單實用本文執行個體講述了jquery實現簡單實用的彈出層效果。分享給大家供大家參考。具體如下:目前來說,我還是喜歡這個自己改造的彈出層,在項目中用的也是這個。引入了新版的jquery外掛程式,方框及文字都可以自己定義,非常方便,希望大家也喜歡這款彈出層,JavaScript在本例中也充分發揮了作用,對學習JS也是不錯的參考。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-simple-
Time of Update: 2015-10-16
2015年10月15日學習html基礎筆記,2015年10月15日html一個互連網公司的分工,小公司要求全能,拿一個項目全部做出來。大公司分工明細,主要步奏為策劃人員策劃方案,美工人員設計圖有.psd.rp等,前端人員做靜態頁面,後台人員擷取資料java php
Time of Update: 2015-10-16
JavaScript動態建立table表格介紹:原先的table都是自己寫好的,我們讓在body標籤中不寫,讓它通過JavaScript中的代碼產生:方法一:最原始的方法,建立一一元素var a1=document.createElement(table);var a2=document.createElement(tbody);var a3=document.createElement(tr);var a4=document.createElement(td);//開始appendchild(
Time of Update: 2015-10-16
JavaScript中list的簡單使用(菜單)很簡單的一個使用:點擊菜單,能夠顯示下面的或者不顯示1,主要目的:: 展現的是的一個功能表項目,然後點擊一下,隱藏,點一下,彈出下面的內容用到的是 overflow:hidden 和 overflow=visible這兩個屬性
Time of Update: 2015-10-16
CSS3學習筆記(5)—頁面遮罩效果,css3學習筆記今天把頁面遮罩的效果發一下,之前遮罩都是用JS實現的,忽然發現CSS3裡面的box-shadow屬性除了做立體陰影外,還可以做頁面的遮罩~~~~下面來看一下完成的動態效果:從可以看出,就是當滑鼠懸浮在按鈕上時,會出現整個頁面的遮罩,當然調一下透明度就是網頁中經常看到的當滑鼠懸浮在一張圖片上時,周圍的其他圖片都被遮罩了,這樣就達到了突出這張圖片的效果,其實這個效果做出來很簡單~~~~~ 一、主體程式:<!DOCTYP
Time of Update: 2015-10-16
Node.js開發入門—Stream用法詳解Stream是Node.js中非常重要的一個模組,應用廣泛。一個流是一個具備了可讀、可寫或既可讀又可寫能力的介面,通過這些介面,我們可以和磁碟檔案、通訊端、HTTP請求來互動,實現資料從一個地方流動到另一個地方的功能。所有的流都實現了EventEmitter的介面,具備事件能力,通過發射事件來反饋流的狀態。比如有錯誤發生時會發射“error”事件,有資料可被讀取時發射“data”事件。這樣我們就可以註冊監
Time of Update: 2015-10-16
css hack,hack屬性首碼_僅支援ie6* ie6 ie7\9 ie6+\0 ie8+\9\0 ie9+color:#00F\0; /* IE8支援*/*color:#FF0; /* IE7支援 */_color:#F00; /* IE6支援 */不管是什麼方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最後面。補充:IE6能識別 *,但不能識別 !important,IE7能識別 *,也能識別!important;FF不能識別
Time of Update: 2015-10-16
JavaScript中的windon部分功能示範1,onload,onunload onbeforeunload的使用<script type=text/javascript src=1.js></script>--><script type=text/javascript>onload=function(){//事件設定頁面載入時執行的動作,即進入頁面的時候執行的動作alert(onload...);}onunload
Time of Update: 2015-10-16
JS簡單限制textarea內輸入字元數量的方法,jstextarea本文執行個體講述了JS簡單限制textarea內輸入字元數量的方法。分享給大家供大家參考。具體如下:這裡示範JS限制一個area內的字元不能超過255,多餘則截取。代碼如下:<script> function getStringUTFLength(str) { var value = str.replace(/[\u4e00-\u9fa5]/g," "); //將漢字替換為兩個空格 return