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-07
利用HTML5的畫布Canvas實現刮刮卡效果,html5刮刮卡先給大家展示效果:查看示範
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
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實現先顯示大圖後自動收合顯示小圖的廣告代碼。分享給大家供大家參考。具體如下:這是一個非常不錯的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焦點圖輪播特效代碼分享(3款),jquery特效代碼本文執行個體講述了jQuery焦點圖輪播特效代碼。分享給大家供大家參考。具體如下:jQuery
Time of Update: 2015-09-06
js實現浮動在網頁右側的簡潔QQ線上客服代碼,js線上客服本文執行個體講述了js實現浮動在網頁右側的簡潔QQ線上客服代碼。分享給大家供大家參考。具體如下:這是一個簡潔版的QQ線上客服,其實重要的是這個JS函數,只要有了這個JS函數,實際上你完全可以寫一個這樣的線上客服,它是用JS+CSS去控制層的隱藏與展開。注意代碼中的QQ號記著要改一下哦。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-float-qq-onlinefk-style-codes/
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菜單,可用在部落格等重要的位置部分作菜單,學習JavaScript前端設計的也可以作為參考範例。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-row-show-menu-style-codes/具體代碼如下:<!DOCTYPE html
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
jQuery右側選項卡焦點圖片輪播特效代碼分享,jquery特效代碼本文執行個體講述了jQuery右側選項卡焦點圖片輪播特效代碼。分享給大家供大家參考。具體如下:jQuery實現的右側選項卡焦點圖片輪播動畫特效源碼,是一段清新可愛的焦點圖輪播代碼,支援自動輪播與手動點擊。運行:----------------------查看效果-源碼下載----------------------小提示:瀏覽器中如果不能正常運行,可以嘗試切換瀏覽模式。 為大家分享的jQuery右側選項卡焦點圖片輪播特
Time of Update: 2015-09-06
js實現圖片放大和拖拽特效代碼分享,js特效代碼本文執行個體講述了js實現圖片放大和拖拽特效代碼。分享給大家供大家參考。具體如下:js實現圖片放大和拖拽特效是一款非常實用的js特效,實現了圖片的放大和拖拽功能,沒用用到jquery外掛程式,是用原生javascript實現的,除了點擊放大和縮小按鈕來控製圖片的放大縮小,還可以使用滑鼠的滾輪控製圖片的縮放。運行: &nb
Time of Update: 2015-09-05
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的處理得到了優後,被設計為使用效率關鍵的
Time of Update: 2015-09-06
javascript日期操作詳解(指令碼之家整理),javascript詳解它是一個內建對象——而不是其它對象的屬性,允許使用者執行各種使用日期和時間的過程。方法:分為得到時間方法、設定時間方法和轉換時間方法得到時間方法: getDate() 查看Date對象並返回日期 getDay() 返回星期幾 getHours() 返回小時數 getMinutes() 返回分鐘數 getMonth() 返回月份值 getSeconds() 返回秒數 getTime()