Time of Update: 2015-09-06
css:清除浮動,css清除浮動我們經常用偽類來清除浮動,比如這樣.clearfix:after { content: ""; display: block; clear: both; height: 0;}.clearfix { *zoom: 1;}//hack IE6我們來看一下範例:<!DOCTYPE html><html><head> <title></title> <style>
Time of Update: 2015-09-06
CSS3屬性選取器與(:not)選取器,css3屬性選取器not一:css3屬性選取器:img[alt]{ border:2px dashed #000;} 這個選取器會匹配頁面標籤中任何一個含有alt屬性的圖片標籤。 還可以通過設定屬性值來縮小匹配範圍:如下代碼: img[alt="atwi_oscar"]{ border:2px dashed
Time of Update: 2015-09-06
閑聊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隨便一搜"
Time of Update: 2015-09-06
CSS 屬性 :before && :after的用法,偽類和虛擬元素的區別,css屬性before一::before && :after的用法:before如同對虛擬元素的名稱一樣,:before 是用來給指定的元素的內容前面插入新的內容。舉例說明:.before:before{content:'you before'; color:red;}<div class="before">
Time of Update: 2015-09-06
js實現網站最上邊可關閉的浮動廣告條代碼,js浮動廣告本文執行個體講述了js實現網站最上邊可關閉的浮動廣告條。分享給大家供大家參考。具體如下:這是一款廣告條代碼,平時浮動在網站最上邊,可關閉,設計唯美簡潔,帶關閉按鈕,自適應網頁寬度,色調明了,相信有不少朋友會喜歡的.運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/具體代碼如下:<html><head><ti
Time of Update: 2015-09-06
js實現隨螢幕滾動的帶緩衝效果的右下角廣告代碼,js滾動本文執行個體講述了js實現隨螢幕滾動的帶緩衝效果的右下角廣告代碼。分享給大家供大家參考。具體如下:一個隨螢幕自動滾動的右下角廣告代碼,這裡請注意幾個參數:id 你要滾動的內容的id r 放在左邊還是右邊 預設是右邊 t 你要放在頁面的那個位置預設是貼著底邊 0是貼著頂邊 f 1表示固定 不寫或者0表示滾動(ie6固定無效) 是不是很實用呢,這個版本經過作者二次修正,相容性還不錯。運行效果如下:線上示範地址如下:http://demo.jb5
Time of Update: 2015-09-06
JavaScript實現的多個圖片廣告交替顯示效果代碼,javascript圖片廣告本文執行個體講述了JavaScript實現的多個圖片廣告交替顯示效果代碼。分享給大家供大家參考。具體如下:這裡示範JavaScript讓多個Banner圖片廣告交替顯示的效果,如果你的站很牛,廣告位被佔滿了,你可以考慮讓多個圖片廣告輪番交替顯示,連結也跟著變,這樣是不是為你節省了寶貴的廣告位?思路是好,但不知道廣告效果是不是也一樣好,這就需要實驗了。運行效果如下:線上示範地址如下:http://demo.jb51
Time of Update: 2015-09-06
JS右下角廣告視窗代碼(可收縮、展開及關閉),js視窗本文執行個體講述了JS右下角廣告視窗代碼。分享給大家供大家參考。具體如下:這是一款右下角視窗JS代碼,完美的右下角,仿新浪部落格的右個角快顯視窗,這款Javascript代碼在相容性和操作舒適度方面做的相當不錯。調用了幾張外部的圖片,使用時自行下載吧。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-right-buttom-show-close-able-adv-codes/具體代碼如下:<
Time of Update: 2015-09-06
js實現簡潔的滑動門菜單(選項卡)效果代碼,js滑動門本文執行個體講述了js實現簡潔的滑動門菜單。分享給大家供大家參考。具體如下:一個簡潔實用的網頁選項卡菜單,在同一個頁面中實現兩個選項卡,第一個是滑動門,從布局上來說基本是相似的,第二個是選項卡,這裡主要使用了Js自訂函數:tabMenu,函數功能:實現tab菜單,參數說明:tabMenu(tabBox,navClass);參數一:tabBox(tab容器id)參數二:navClass(當前標籤樣式class)備忘:依賴指定html結構。運行效
Time of Update: 2015-09-06
JS實現先顯示大圖後自動收合顯示小圖的廣告代碼,js大圖本文執行個體講述了JS實現先顯示大圖後自動收合顯示小圖的廣告代碼。分享給大家供大家參考。具體如下:這是一個非常不錯的JavaScript圖片特效,當最初開啟網頁的時候,顯示的是大圖片,就像遮屏廣告一樣,停留一會後,自動緩慢收合,這時由JS控制更換廣告圖片,始終顯示在網頁頂部,在一些大門戶網站我們經常見到這種效果,個人感覺挺酷哦!先來看看運行效果:線上示範地址如下:http://demo.jb51.net/js/2015/js-big-to-
Time of Update: 2015-09-06
javascript 判斷兩個日期之差的範例程式碼,javascript範例程式碼日期差我們需要像php中一樣把如2015-08-30這種轉換成秒之後再利用兩個日期的秒數進行相減之後再加起判斷就可以了,如果判斷日期相等就簡單多了在文章最後有例子說明。例子1,日期之差函數function better_time(strDateStart,strDateEnd){ var strSeparator = "-"; //日期分隔符號 var strDateArrayStart; var
Time of Update: 2015-09-06
瀏覽器緩衝分析,瀏覽器緩衝緩衝這個概念不管是在前端還是後端都是息息相關,且需要前後端一起配合,本文以前端的視角做分析。一道被問過多次的面試題:瀏覽器請求跟緩衝相關的概念有哪些?cache-control,expires。。。 ETag知道嗎?沒有(這是神馬東西?) 以chrome抓取到的百度請求一個js檔案為例:200初次請求------------------------------- 304重新整理請求------------------------------
Time of Update: 2015-09-06
jQuery實現帶有上下控制按鈕的簡單多行滾屏效果代碼,jquery多行本文執行個體講述了jQuery實現帶有上下控制按鈕的簡單多行滾屏效果代碼。分享給大家供大家參考。具體如下:這裡使用了jQuery外掛程式來實現最簡單的多行文字滾屏效果,還帶有上下滾動控制按鈕,捲動速度,數值越大,速度越慢(毫秒),滾動的時間間隔是(毫秒),每次滾動的行數,預設為一屏,即父容器高度……運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-up-down-scro
Time of Update: 2015-09-06
js 判斷所選時間(或者目前時間)是否在某一時間段的實現代碼,js所選核心代碼:var time_range = function (beginTime, endTime, nowTime) { var strb = beginTime.split (":"); if (strb.length != 2) { return false; } var stre = endTime.split (":"); if (stre.length != 2) { return
Time of Update: 2015-09-06
js實現仿MSN帶關閉功能的右下角彈窗代碼,js彈窗本文執行個體講述了js實現仿MSN帶關閉功能的右下角彈窗代碼。分享給大家供大家參考。具體如下:這是一款非常精緻漂亮的仿MSN右下角快顯視窗,帶關閉功能,直接複製代碼就管用。示範要用到幾個小圖片,啟動並執行時候點擊右鍵儲存一下,這裡提供一種思路,並不完全域限於此種方法,熟能生巧。先來看看運行效果:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/具體代碼如下:&
Time of Update: 2015-09-06
基於JS實現簡單的樣式轉場效果代碼,js樣式切換代碼本文執行個體講述了基於JS實現簡單的樣式轉場效果。分享給大家供大家參考。具體如下:這是一款基於JS實現簡單的樣式切換代碼,自由切換CSS樣式,很多大網站現在正在用,我覺得這是個挺實用的不錯的功能,希望大家喜歡哦。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-simple-tab-cha-style-codes/具體代碼如下:<!DOCTYPE html PUBLIC
Time of Update: 2015-09-06
javascript中日期函數new Date()的瀏覽器安全色性問題,javascriptdate同一種語言javascript,在不同的瀏覽器中,存在語言相容性問題,本質上是由於不同的瀏覽器是支援的語言標準和實現上各有差異。本文將基於new Date來建立Date對象來分析這個問題。1. 問題的提出, 開始時間和結束時間空間無法正確的傳遞值
Time of Update: 2015-09-06
jQuery右側選項卡焦點圖片輪播特效代碼分享,jquery特效代碼本文執行個體講述了jQuery右側選項卡焦點圖片輪播特效代碼。分享給大家供大家參考。具體如下:jQuery實現的右側選項卡焦點圖片輪播動畫特效源碼,是一段清新可愛的焦點圖輪播代碼,支援自動輪播與手動點擊。運行:----------------------查看效果-源碼下載----------------------小提示:瀏覽器中如果不能正常運行,可以嘗試切換瀏覽模式。 為大家分享的jQuery右側選項卡焦點圖片輪播特
Time of Update: 2015-09-06
js實現圖片放大和拖拽特效代碼分享,js特效代碼本文執行個體講述了js實現圖片放大和拖拽特效代碼。分享給大家供大家參考。具體如下:js實現圖片放大和拖拽特效是一款非常實用的js特效,實現了圖片的放大和拖拽功能,沒用用到jquery外掛程式,是用原生javascript實現的,除了點擊放大和縮小按鈕來控製圖片的放大縮小,還可以使用滑鼠的滾輪控製圖片的縮放。運行: &nb
Time of Update: 2015-09-06
javascript日期操作詳解(指令碼之家整理),javascript詳解它是一個內建對象——而不是其它對象的屬性,允許使用者執行各種使用日期和時間的過程。方法:分為得到時間方法、設定時間方法和轉換時間方法得到時間方法: getDate() 查看Date對象並返回日期 getDay() 返回星期幾 getHours() 返回小時數 getMinutes() 返回分鐘數 getMonth() 返回月份值 getSeconds() 返回秒數 getTime()