Time of Update: 2015-09-07
css 多個不定數量提交按鈕置中顯示,純css解決,css置中前幾天在公司修改一個css 多個按鈕置中問題,其實這樣的問題很多前端程式員都遇到過,舉個例子吧:在一行中有三個按鈕或是兩個按鈕...個數不定,然後間距固定;然後就有很多人把所有按鈕放到一個div中,把div置為margin:10px auto(距上10像素,置中,然後又給了一個固定寬度,按鈕放在這個div中,這樣按鈕就不能具體置中了) ,也不通用如果按鈕減少到兩個 或一個怎麼辦,也有很多人用javascript
Time of Update: 2015-09-07
淺談javascript函數式編程,淺談javascript函數函數式編程,屬於編程範式的一種1 函數是第一公民,可以傳回值,也可以作為其他函數的參數//console是一個函數function con(v){ console.log(v)}// execute 也是一個函數function execute(fn){ fn(1)}//將con函數作為參數傳進execute函數execute(con) // 12 接近自然語言的寫法 曉池吃完飯然後就去洗澡
Time of Update: 2015-09-07
jquery實現可自動收縮的TAB網頁選項卡代碼,jquerytab本文執行個體講述了jquery實現可自動收縮的TAB網頁選項卡代碼。分享給大家供大家參考。具體如下:這是一款可自動收縮的TAB選項卡網頁代碼,當把滑鼠放在標籤上的時候,標籤所屬的內容自動延伸,滑鼠移走或移到其它標籤的時候,選項卡自動收縮隱藏起來,第二個選項卡伸展開來,動畫效果挺流暢,不錯的網頁特效。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-hidden-show-ta
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
淺談圖片蒙版效果-webkit-mask,會用PS的童鞋一定知道“蒙版”的概念,它可以在圖片上實現一定的遮罩效果,當然這裡我們不介紹ps裡的蒙版,而是介紹利用CSS3的新屬性-webkit-mask來實現網頁中的圖片遮罩效果。大家對-webkit-mask這一屬性可能不太熟悉,或許有很多人都是第一次見到,沒錯,這一屬性也是還未被眾多瀏覽器所支援的CSS屬性,目前支援這一屬性的僅有-webkit-首碼的Google及safari瀏覽器,但是相信在不久的未來這一屬性將被其他主
Time of Update: 2015-09-06
CSS設定捲軸樣式,css捲軸樣式因為在現在的大部分項目中很多都用到了捲軸,有時候用到類比的捲軸,現在說下捲軸的CSS也能解決。比如網易郵箱的捲軸樣子很好看,就是利用的CSS來設定的,而且是webkit瀏覽器的。: 下面就講解這幾個屬性怎麼使用,代表什麼意思。一:webkit下面的CSS設定捲軸主要有下面7個屬性 :上面是捲軸的主要幾個設定屬性,還有更詳盡的CSS屬性:horizontal 水平方向的捲軸:vertical 垂直
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
JavaScript實現的多個圖片廣告交替顯示效果代碼,javascript圖片廣告本文執行個體講述了JavaScript實現的多個圖片廣告交替顯示效果代碼。分享給大家供大家參考。具體如下:這裡示範JavaScript讓多個Banner圖片廣告交替顯示的效果,如果你的站很牛,廣告位被佔滿了,你可以考慮讓多個圖片廣告輪番交替顯示,連結也跟著變,這樣是不是為你節省了寶貴的廣告位?思路是好,但不知道廣告效果是不是也一樣好,這就需要實驗了。運行效果如下:線上示範地址如下:http://demo.jb51
Time of Update: 2015-09-06
CSS強制性換行word-break與word-wrap的使用,css不換行wordwrap一般情況下,元素擁有預設的white-space:normal(自動換行,不換行是white-space:nowrap),當錄入的文字超過定義的寬度後會自動換行,但當錄入的資料是一堆沒有空格的字元或字母或數字(常規資料應該不會有吧,但有些測試人員是會這樣子做的),超過容器寬度時就會把容器撐大,不換行。所以解決方案(以IE,chrome,FF為測試瀏覽器)有兩種寫法:{word-break:break-al
Time of Update: 2015-09-06
CSS相容問題大全,css相容大全1、chorme 最小字型的相容性。問題描述:ff和IE最小字型可設定為1px,可是chorme中文版最小字型是12px,小於12px的字型全部顯示為12px.解決方案:chorme支援CSS3的,可用 font-size : 12px; -webkit-transform : scale(0.84,0.84) ;
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
jQuery焦點圖輪播特效代碼分享(3款),jquery特效代碼本文執行個體講述了jQuery焦點圖輪播特效代碼。分享給大家供大家參考。具體如下:jQuery
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
javascript中日期函數new Date()的瀏覽器安全色性問題,javascriptdate同一種語言javascript,在不同的瀏覽器中,存在語言相容性問題,本質上是由於不同的瀏覽器是支援的語言標準和實現上各有差異。本文將基於new Date來建立Date對象來分析這個問題。1. 問題的提出, 開始時間和結束時間空間無法正確的傳遞值
Time of Update: 2015-09-04
JS自訂選項卡函數及用法執行個體分析,js執行個體分析本文執行個體講述了JS自訂選項卡函數及用法。分享給大家供大家參考。具體如下:這裡分享一個JS選項卡函數附帶示範效果,選項卡函數參數調用說明:cmd:點擊元素集合 con:顯示容器集合 evt:觸發事件 css:為當前點擊元素的樣式名稱 index:為預設顯示第幾項的索引值 目前選項卡的樣式還比較簡潔和粗糙,想用的自己動動手美化一下。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-zdy-tab-
Time of Update: 2015-09-04
javascript學習總結之js提示,js提示1 假如瀏覽器不支援JavaScript怎麼辦?a.為什麼瀏覽器會不支援?大部分瀏覽器都有禁用指令碼的功能,例如chrome。b.在js被禁用的情況下要保證網頁仍能實現它的核心功能(關鍵的使用者需求)例子:在一個新視窗裡開啟連結,可以使用BOM的open()方法 function popUp(winURL) { window.open(winURL, "popup", "width=,height=");
Time of Update: 2015-09-04
JavaScript對象學習小結,javascript對象小結JavaScript 對象JavaScript 提供多個內建對象,比如 String、Date、Array
Time of Update: 2015-09-04
自訂刻度jQuery進度條及外掛程式,刻度jquery進度條簡要教程 progressdots是一款可自訂刻度動畫的jQuery進度條外掛程式。通過該jQuery進度條外掛程式你可以自訂進度條刻度圓點的數量,大小,顏色等屬性,並且可以通過CSS來控制圓點的外觀樣式。請看下面瞭解相關外掛程式。使用該jQuery進度條外掛程式需要引入jquery,jquery.progressdots.js和jquery.progressdots.css檔案。<script
Time of Update: 2015-09-04
jquery實現可關閉的倒計時廣告特效代碼,jquery特效代碼本文執行個體講述了jquery實現可關閉的倒計時廣告特效代碼。分享給大家供大家參考。具體如下:這是一款類似播放視頻時候最開始的倒計時廣告,廣告時間結束才能看到視頻內容,一個JS小彈跳式廣告代碼,右上方帶關閉按鈕,左上方顯示倒計時剩餘時間,運行jQuery代碼綜合實現,CSS和HTML共同結合的網頁特效,相容各主流瀏覽器,本效果是從門戶網站上整理而來。希望大家喜歡。先來看看運行效果:線上示範地址如下:http://demo.jb51.