原创 css寫三角形

把div的高寬都設置爲0;利用border來實現純css的三角形要是倒三角,則有border-top沒有botton 左右border都不要;如width: 0; height: 0; border-width: 7px; border-s

原创 jQuery-ui插件datepicker的參數使用詳解

概述日期選擇插件是一個配置靈活的插件,你可以定義它的展示方式,包括日期格式、語言、限制選擇日期範圍、添加相關按鈕以及其它導航等。同時,你還可以通過鍵盤控制它:page up/down - 上一月、下一月ctrl+page up/down -

原创 我的友情鏈接

51CTO博客開發

原创 移動端頁面寬度自適應

<!-- js -->     <script type="text/javascript">       if(/Android (\d+\.\d+)/.test(navigator.userAgent)){         var ve

原创 JS判斷移動端訪問設備並解析對應CSS

JS判斷不同web訪問環境,主要針對移動設備,提供相對應的解析方案(判斷設備代碼直接copy騰訊網的)// 判斷是否爲移動端運行環境 // wukong.name 20130716 if(/AppleWebKit.*Mobile/i.tes

原创 javascript處理HTML的Encode(轉碼)和Decode(解碼)總結

HTML的Encode(轉碼)和解碼(Decode)在平時的開發中也是經常要處理的,在這裏總結了使用javascript處理HTML的Encode(轉碼)和解碼(Decode)的常用方式一、用瀏覽器內部轉換器實現轉換1.1.用瀏覽器內部轉換

原创 隱藏 google 地圖 Logo 隱藏 百度 地圖 Logo

Google 地圖var isFirstLoad=true; //地圖瓦片加載完成之後的回調 google.maps.event.addListener(map, 'tilesloaded', function () { if (isFir

原创 jQuery實現CheckBox全選、全不選

<script src="jquery-1.6.2.min.js"></script> <input type="checkbox" id="ckAll" />check all<br /> <input type="checkbox" n

原创 css實現強制不換行/自動換行/強制換行

強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: break-word; word-break: normal; } 強制英文單詞斷行 div{ word-break:break-a

原创 jQuery獲得頁面元素的絕對/相對位置

獲獲取頁面某一元素的絕對X,Y座標,可以用offset()方法:var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left;獲取相對(父元素)位置:var X =

原创 JavaScript應用:Iframe自適應其加載的內容高度

main.htm:<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> <meta

原创 子DIV塊中設置margin-top時影響父DIV塊位置的解決辦法

在文章《實現文本滾動》中子DIV塊#main中設置margin-top時,若父DIV塊#box中沒有“overflow:hidden;”,則子DIV塊中margin-top會影響父DIV塊的位置解決辦法1:若子DIV塊中使用margin-t

原创 jQuery-ui插件datepicker的參數使用詳解

概述日期選擇插件是一個配置靈活的插件,你可以定義它的展示方式,包括日期格式、語言、限制選擇日期範圍、添加相關按鈕以及其它導航等。同時,你還可以通過鍵盤控制它:page up/down - 上一月、下一月ctrl+page up/down -

原创 子DIV塊中設置margin-top時影響父DIV塊位置的解決辦法

在文章《實現文本滾動》中子DIV塊#main中設置margin-top時,若父DIV塊#box中沒有“overflow:hidden;”,則子DIV塊中margin-top會影響父DIV塊的位置解決辦法1:若子DIV塊中使用margin-t

原创 全兼容的移動端漸變寫法

/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f46ba0, #ee3a80); /* Safari 4-5, Chrome 1-9 */ background: -we