原创 新聞列表中標題和日期的左右分別對齊的幾種處理方法

[鏈接原地址](http://blog.csdn.net/fungleo/article/details/50315437)

原创 css3實現下拉框動畫效果

HTML: <div class="content"> <div class="select"> <p>所有選項</p> <ul> <li data-value="所

原创 jq根據json數據,動態生成一個二級聯動菜單

jq根據json數據,動態生成一個二級聯動菜單htmljson數據jq循環 html 蔬菜:<select name="vegetable" id="vegetable"> <option value="0">請選擇類別一<

原创 純css實現三欄式佈局

1.相對定位+float+margin負值(聖盃佈局) <div id="parent_rela"> <h3>使用relative:relative定位(聖盃佈局)</h3> <div id="center_r

原创 return false、event.preventDefault與event、stopPropagation區別

當return false時,點擊a標籤不跳轉,控制檯輸出:a鏈接 當event.preventDefault()時,點擊a標籤不跳轉,控制檯依次輸出:a鏈接、父類 當stopPropagation()時,點擊a標籤跳轉到百

原创 js數組遍歷的三種方法

var arr=[ {'name':'zs','age':'20'}, {'name':'ls','age':'21'} ]; 1.for for(var i=0;i<arr.length;i++){ co

原创 jQuery與Zepto的異同

【轉載地址】http://www.cnblogs.com/colima/p/5289386.html 一、同:   Zepto最初是爲移動端開發的庫,是jQuery的輕量級替代品,因爲它的API和jQuery相似,而文件更小。Ze

原创 如何實現瀏覽器內多個標籤頁之間的通信

轉載地址http://blog.csdn.net/lxcao/article/details/52777066 題目點評 本題主要考察數據存儲的知識,數據存儲有本地和服務器存儲兩種方式,對於前端開發來講,只需要講解用本地存儲的方

原创 四種js求數組最大值的方法

點贊 4 收藏 分享 文章舉報 web_hwg 發佈了24 篇原創文章 · 獲贊 25 · 訪問量 11萬+ 私信

原创 CSS3中和動畫有關的屬性transform、transition 和 animation

CSS3中和動畫有關的屬性有三個  transform、 transition 和 animation。下面來一一說明:        transform    從字面來看transform的釋

原创 bind()、live()、delegate()、on()比較

1.bind():jq所有版本支持,但jq1.7以上官方推薦使用on(),向匹配元素添加一個或多個事件處理器,只針對已存在元素 2.live():jq1.9以下支持,jq1.9已刪除,用on()代替,向當前或未來元素添加一個或多個

原创 css3實現三種不同的loading加載動畫效果

HTML: <div class="box"> <div class="loader"> <div class="loading-1"> <i></i> </div>

原创 詳解css中px、em和rem的區別

一.概念 1、px (pixel,像素):是一個虛擬長度單位,是計算機系統的數字化圖像長度單位,如果px要換算成物理長度,需要指定精度DPI(Dots Per Inch,每英寸像素數),在掃描打印時一般都有DPI可選。Window

原创 :before/:after和::before/::after的區別

以前見過單冒號和雙冒號的寫法但沒太注意,剛好學習css3碰到了::befroe/::after寫法,就簡單的總結下自己瞭解到的。 :before/:after這種寫法css2中就有,叫僞類;::befroe/::after這種寫

原创 js中offsetLeft/offsetTop與jq中offset().left/offset().top的區別

1.offsetLeft/offsetTop 在頁面任一元素的offsetLeft總是找到離其最近的已經定位的父元素或祖先元素定位,如果沒有,就根據根節點body定位,然後獲取其left值。 2.offset().left/o