原创 jquery-ui sortable詳解
該插件的用途:使用鼠標重新排列列表或網格中的元素。helper 這個小夥子總結的不錯 Note: In order to sort table rows, the tbody must be made sortable, not t
原创 jquery以及原生js 如何實現div倒序
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!--<script src="js/jquery-1.11.3.min.js"
原创 【特效庫】svg進度條/過渡條
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <svg id="js-times-svg"
原创 input與span之間莫名的空隙
對於行元素span或者input來說 很多人會用inline-block來顯示他們 但是往往發現 中間會留一段小空隙 圖片就不貼了 可以自己試一試 就會發現 怎麼都去不了 其實這個問題是由於換行引起的 <input> <s
原创 javascript時間處理
var myDate = new Date();myDate.getYear(); //獲取當前年份(2位)myDate.getFullYear(); //獲取完整的年份(4位,1970-????)myDate.get
原创 CSS層疊關係
我們最熟悉的css層疊關係要數z-index了,曾幾何時,我也覺得層疊也就不過如此 直到看了張鑫旭大神的博客 但是看歸看 自己下來還是得把他說的例子實踐一下 而且我們在實際開發過程中會遇到很多實際的特例 上面這張圖是來自其網
原创 JS DOM.style.height 取不到的情況 爲空的情況
<html> <head> <title></title> <style type="text/css"> #hell{ display: inline-block; background:red;
原创 css3 clip-path
section{ position:absolute; width:800px; height:400px; border:1px solid grey; } .x{ position: absolute; top:0; r
原创 js插件怎麼寫?
很多情況下,在網上尋找現成的插件並不能滿足一些特殊的要求 很多的牛人都會自己去寫插件來一勞永逸的解決問題。 今天寫了個小例子來對插件有一個初步的認識 下面是代碼 <html> <head> <title></title> <s
原创 children與childNodes的區別
乍一看 感覺一樣 平時用的時候也沒怎麼留意 其實區別還是有點兒大 傳言啊 這個 childNodes是正統屬性 親生的 而這個children是野孩子 這個野孩子比較隨意 所以用它返回來的就只有DOM
原创 獲取瀏覽器可見高度
就一句話 top.innerheight 之所以在此記錄一下 是因爲網上別的信息很是不準確 下面是在別處複製的內容 供參考 JS獲取屏幕高度var s = ""; s += " 網頁可見區域寬:"+ document.b
原创 CSS3 transition詳解
D3 Transitions 簡介: Css 的transition屬性可以使CSS的值在一段時間內平滑的變化。 Transition: 一般情況下,當CSS值發生變化時,其渲染結果會立刻發生變化。而這個transition新屬性可以將這
原创 UI系列之常見配色
上乾貨 聲明:上圖爲lili原創
原创 css3-clip-path-imitate
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body,html{