JavaScript

css:清除浮動，css清除浮動我們經常用偽類來清除浮動，比如這樣.clearfix:after { content: ""; display: block; clear: both; height: 0;}.clearfix { *zoom: 1;}//hack IE6我們來看一下範例：<!DOCTYPE html><html><head> <title></title> <style>

閑聊CSS之關於clearfix--清除浮動[轉]，cssclearfix--.clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1; display: table;}轉載地址：http://www.imooc.com/wenda/detail/11605閑聊CSS之關於clearfix--清除浮動一，什麼是.clearfix你只要到Google或者Baidu隨便一搜"

JS右下角廣告視窗代碼(可收縮、展開及關閉)，js視窗本文執行個體講述了JS右下角廣告視窗代碼。分享給大家供大家參考。具體如下：這是一款右下角視窗JS代碼，完美的右下角，仿新浪部落格的右個角快顯視窗，這款Javascript代碼在相容性和操作舒適度方面做的相當不錯。調用了幾張外部的圖片，使用時自行下載吧。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-right-buttom-show-close-able-adv-codes/具體代碼如下：<

瀏覽器緩衝分析，瀏覽器緩衝緩衝這個概念不管是在前端還是後端都是息息相關，且需要前後端一起配合，本文以前端的視角做分析。一道被問過多次的面試題：瀏覽器請求跟緩衝相關的概念有哪些？cache-control，expires。。。 ETag知道嗎？沒有（這是神馬東西？） 以chrome抓取到的百度請求一個js檔案為例：200初次請求------------------------------- 304重新整理請求------------------------------

基於JS實現簡單的樣式轉場效果代碼，js樣式切換代碼本文執行個體講述了基於JS實現簡單的樣式轉場效果。分享給大家供大家參考。具體如下：這是一款基於JS實現簡單的樣式切換代碼，自由切換CSS樣式，很多大網站現在正在用，我覺得這是個挺實用的不錯的功能，希望大家喜歡哦。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-tab-cha-style-codes/具體代碼如下：<!DOCTYPE html PUBLIC

js實現圖片放大和拖拽特效代碼分享，js特效代碼本文執行個體講述了js實現圖片放大和拖拽特效代碼。分享給大家供大家參考。具體如下：js實現圖片放大和拖拽特效是一款非常實用的js特效，實現了圖片的放大和拖拽功能，沒用用到jquery外掛程式，是用原生javascript實現的，除了點擊放大和縮小按鈕來控製圖片的放大縮小，還可以使用滑鼠的滾輪控製圖片的縮放。運行：           &nb

JS實現可點擊展開與關閉的左側廣告代碼，js代碼本文執行個體講述了JS實現可點擊展開與關閉的左側廣告代碼。分享給大家供大家參考。具體如下：這裡介紹的是JS實現網頁上可點擊展開、關閉的左側廣告代碼，表現形式類似對聯廣告，不過操作方式不一樣，點擊時候會隱藏在螢幕在左側，但是不是完全隱藏，仍顯示一個圖片豎條的廣告，而且點擊“顯示”的時候，它會重新開啟廣告，這種廣告可以提高網頁的使用者體驗。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-click-sho

基於dropdown.js實現的兩款美觀大氣的二級導覽功能表，dropdown.js本文執行個體講述了基於dropdown.js實現的兩款美觀大氣的二級導覽功能表。分享給大家供大家參考。具體如下：1. 藍色風格導覽功能表運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-dropdown-blue-style-nav-menu-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

CSS選取器，css3選取器原地址：http://www.w3.org/TR/css3-selectors/測試示範地址：http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/reports/implementreportTEMPLATE.html  AbstractSelector是在樹狀結構中進行匹配的模式，類似於XML文檔中讀取節點的技術。Selector對HTML和XML的處理得到了優後，被設計為使用效率關鍵的

JavaScript學習小結(一)——JavaScript入門基礎，javascript小結一、JavaScript語言特點1.1、JavaScript是基於對象和事件驅動的(動態)　　它可以直接對使用者或客戶輸入做出響應，無須經過Web服務程式。它對使用者的響應，是採用以事件驅動的方式進行的。所謂事件驅動，就是指在首頁中執行了某種操作所產生的動作，就稱為“事件”。比如按下滑鼠，移動視窗，選擇菜單等都可以視為事件。當事件發生後，可能會引起相應的事件響應。1.2、JavaScript是跨平台的　　

jQuery實現自訂右鍵菜單的樹狀菜單效果，jquery樹狀本文執行個體講述了jQuery實現自訂右鍵菜單的樹狀菜單效果。分享給大家供大家參考。具體如下：這是一款基於jQuery的自訂右鍵菜單，在樹狀結構的子節點（下級沒有節點）上單擊右鍵才會彈出自訂菜單，而且菜單是自動根據滑鼠位置來定位的。當滑鼠在菜單以外的任意空白處單擊一下後會自動消失。這裡想特別說明一點所謂的“菜單以外”，可以有兩種解剖方式——1、除了滑鼠在菜單地區內的所有位置；2、如所示的A、B、C、D四個地區。顯然用第一種方法來剖析會更

使用canvas實現仿新浪微博頭像截取上傳功能，canvas新浪最近看到微博頭像上傳功能高度興趣，於是就使用canvas寫了一個，本文寫的不好還請見諒。本程式目前在Google瀏覽器和Firefox瀏覽器測試可用，ie瀏覽器無法支援。 因為ie的安全機制不允許img使用本地路徑，所以若想ie支援本程式，必須先將圖片上傳，然後給img對象上傳後的圖片地址。我在這裡沒寫，是因為暫時沒寫上傳功能的後端代碼,並且還不確定有沒有更好的解決辦法。如下是新浪的如下是我做的截取部分代碼：var

js實現拉幕效果的廣告代碼，js廣告代碼本文執行個體講述了js實現拉幕效果的廣告代碼。分享給大家供大家參考。具體如下：這是一款拉幕效果的廣告代碼，廣告圖片像窗帘的幕布一樣慢慢的被拉上去了，縮小至一定大小後定格，目前來說，在一些大型的門戶網站中仍然可以見到這種效果。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-lm-style-adv-pic-style-codes/具體代碼如下：<html><head><meta

js+css實現有立體感的按鈕式文字豎排菜單效果，jscss本文執行個體講述了js+css實現有立體感的按鈕式文字豎排菜單效果。分享給大家供大家參考。具體如下：這是一款較不錯的豎排菜單，有立體感效果的菜單，不要以為那些帶立體特效的菜單是按鈕啊，其實它就是用JavaScript代碼修飾出來的按鈕，滑鼠放上的時候就會有明顯的立體文字效果，豎向排列的，也可以修改成橫向的。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-css-3d-nutton-v-me

js實現簡潔大方的二級下拉式功能表效果代碼，js簡潔大方本文執行個體講述了js實現簡潔大方的二級下拉式功能表效果代碼。分享給大家供大家參考。具體如下：這是一款簡潔大方的二級下拉式功能表，菜單的顏色自己根據需要重新定義吧，這裡僅給大家提供一種製作二級菜單的思路，整體效果看上去相當實用，下拉導覽功能表也是大家比較常用的。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-2level-show-down-menu-codes/具體代碼如下：&

前端工程師技能之photoshop巧用(從到雪碧圖)1——準備篇，photoshop雪碧【項目流程】　　需求分析(市場) > 項目原型(產品) > 出設計圖(UI) >頁面相關(前端) > 資料相關(後端) > 測試 -> 上線 【photoshop的作用】:給網頁提供圖片素材　　[html] <img>標籤 <img src="img/xx.jpg" alt="">　　[css] background屬性

web前端網頁特效大全導航列表，web前端網頁特效大全CSS3和Html5圖表與圖形表單驗證導覽功能表table選項卡視頻播放器日期和時間返回頂部圖層代碼滾動代碼投影片文字特效圖片放大鏡juqery焦點圖瀑布流廣告懸浮代碼線上客服網頁導覽功能表時間倒計時Jquery教程wap手機網站教程javascript教程CSS3教程網頁基礎phphtml圖片表情手機網站模板CSS3動畫html5 Canvas畫布

JavaScript依賴注入的實現思路如今各個架構都在模組化，連前端的javascript也不例外。每個模組負責一定的功能，模組與模組之間又有相互依賴，那麼問題來了：javascript的依賴注入如何?？javascript的依賴注入，各大架構都有相應的實現，這裡只學習實現思路）如下需求：假設已經有定義好的服務模組Key-Value集合，func為添加的新服務，參數列表為服務依賴項。var services = { abc : 123,

jquery實現紅色豎向多級向右展開的導覽功能表效果，jquery導覽功能表本文執行個體講述了jquery實現紅色豎向多級向右展開的導覽功能表效果。分享給大家供大家參考。具體如下：這裡介紹的是一款紅色豎向多級向右展開的導覽功能表，多用於部落格網站的導覽功能表，紅色風格，非常漂亮，向右伸展的菜單。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-red-style-show-menu-codes/具體代碼如下：<!DOCTYPE

基於jQuery實現的向下滑動二級菜單效果代碼，jquery滑動本文執行個體講述了基於jQuery實現的向下滑動二級菜單效果代碼。分享給大家供大家參考。具體如下：這是一款使用jQuery製作向下滑動的二級菜單，本二級菜單帶有動畫效果，而且比較流暢，滑鼠放在一級菜單上，就可以向下滑出二級子功能表，相對實用。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-show-down-style-menu-codes/具體代碼如下：<!DOCTYP