原创 jquery 實現彈框拖拽

function dragWin( opt ){ var _options = $.extend({ tit : $('.ui-dialog-titlebar'),

原创 前端使用docker,travis+dockerhub

演示環境:Windows 項目名稱:docker_demo(注意不能有大寫字母) 一、安裝Docker 下載官網的Docker安裝包,然後直接安裝 https://www.docker.com/ Docker官網下載地址 安裝後直

原创 echarts柱狀圖 漸變色

效果圖: var xAxisData = []; var data = []; for (var i = 9; i < 16; i++) { xAxisData.push('5月' + i + '日'); da

原创 使用ajax來實現頁面的局部加載

點擊頭部即右上角的鏈接時,頁面會根據相應的鏈接加載新的內容,顯示在下方;在中間區域有3欄,當點擊1欄中的鏈接,2欄中會顯現相應的內容,點擊2欄中的內容,3欄中的內容又會根據2欄的鏈接來加載顯示內容。 頁面效果如下: js代

原创 Css 打字機效果,文字循環 逐個出現,逐個刪除

最近在做個人網站,想實現下面的效果,在網上搜了下,基本都只有打字機效果,沒得出現後再刪除的效果,於是就自己簡單寫了個,功能比較簡單,詳細的描述在註釋中都有說明。 效果如下: html 文本 <h1 id="box"></h1>

原创 CSS3的高級特性

      在開發CSS3時要記住添加相關的瀏覽器私有前綴以保證最廣泛的瀏覽器兼容。(可以使用javascript,腳本地址爲:http://leaverou.github.com/prefixfree/。或者去我的資源裏下載也可

原创 IE事件處理程序及跨瀏覽器解決

<div id="box"> <button type="button" id="btn">按鈕</button> <button type="button" id="btn2">按

原创 WEB前端開發規範

1. 基本原則 1.1 結構、樣式、行爲分離 儘量確保文檔和模板只包含 HTML 結構,樣式都放到樣式表裏,行爲都放到腳本里。 1.2 縮進 統一兩個空格縮進(總之縮進統一即可),不要使用 Tab 或者 Tab、空格混搭。 1.

原创 WEB前端開發成長指南

小編注:相比起網頁射擊獅,操縱代碼的前端攻城獅憑着雙手在鍵盤巴拉巴拉敲出的字符,就能賦予二次元的靜態頁面生命,各種lovely的~~fabulous的~~elegant的交互效果,那叫一個錦上添花哈~~不過,要修煉成一個百戰百勝

原创 十分鐘玩轉 jQuery、實例大全

十分鐘玩轉 jQuery、實例大全 文檔來源於:http://www.cnblogs.com/suoning/p/5683047.html

原创 js中Math方法的小技巧

/* * Math.round() 將數字四捨五入到離它最近的整數 * Math.ceil() 將數字舍入到離它最近並大於它本身的整數 * Math.floor() 將數字舍入到離它最近並小於

原创 爲什麼ajax發GET請求就成功,POST請求則報錯

爲什麼ajax發GET請求就成功,POST請求則報錯? (1)首先說明的是請求的URL是一個靜態資源,比如一個json文件。 (2)現在現象是發GET請求就成功,POST請求則報錯。 (3)最新發現:就算是GET請求,如果把

原创 jQuery Mockjax使用總結

一、mockjax介紹 在前後臺共同進行一個項目的時候常會遇到一種情景,大家統一定義好接口數據格式後,前後端各自按照接口進行開發,當前端需要和後臺交互調用數據時,運用mockjax插件就不用再等後臺傳遞數據就可以進行模擬測試,再

原创 echarts相關配置及圖示

xAxis.boundaryGap配置爲false,默認爲 true。 (1) var power=10; var totalPower=14; var percent = (100*power/totalPower).toFixed

原创 JS插件開發之LightBox圖片畫廊

工程目錄結構圖: lightBox.js封裝了寫好的插件,直接導入即可,這裏就不在詳細解釋代碼了,主要介紹一下怎麼運用該插件,下載地址:http://download.csdn.net/detail/u012612399/9