Time of Update: 2015-06-12
js中定義json產生Tree樹,jsjsontree樹這裡說名的是js中產生json arry是js中定義的json 樹外掛程式是jquery.ztreevar param = {
Time of Update: 2015-06-12
jquery pagination 簡單應用,jquerypagination 今天因為一個習慣問題,導致浪費了一些時間,記錄一下。在做Web開發的過程中,經常會用到分頁,在我的php代碼裡面,頁碼是從1開始的,一直以來的寫法是:$page = @intval($_GET['page']);if( $page < 1 ) { $page=1;}然後在組合sql語句的時候 limit
Time of Update: 2015-06-12
D3js-畫二維座標軸(x軸,y軸),d3js-座標軸結果展示圖:1.首先要引入D3js的js設定檔<span style="font-size:14px;"><span style="white-space:pre"></span><script type="text/javascript"
Time of Update: 2015-06-12
9種樣式CSS3 漸層按鈕集,9種樣式css3漸層<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS3 3D漸層按鈕代碼</title> <style> body
Time of Update: 2015-06-12
好玩的search載入css,好玩search載入cssbody{ margin-top:50px; } .s-body { width:400px; margin-left:auto;margin-right:auto; } .s-input { border:1px solid #ccc;
Time of Update: 2015-06-12
css Gradients(漸層),cssgradients漸層漸層分為4類1:線性漸層(Linear Gradients)- 向下/向上/向左/向右/對角方向2:放射狀漸層(Radial Gradients)- 由它們的中心定義3:對角漸層4:角度漸層下面是我寫的代碼div{float: left;width:
Time of Update: 2015-06-12
NodeJS簡單的網頁跳轉路由demo,nodejs跳轉demodemo目錄結構首先安裝必要的環境,也就是NodeJS 庫,使用npm install express jade 命令安裝express 和jade完成後,建立app.js內容:var express=require("express")var port=process.env.PORT || 3000var app=express()app.set('views','./views
Time of Update: 2015-06-12
網頁圖表Highcharts實踐教程之標籤組與載入動畫,網頁圖表Highcharts實踐教程之標籤組與載入動畫Highcharts標籤組在圖表的大部分元素都提供了標籤功能。但很多時候,我們需要額外說明一些資訊。這個時候藉助原有的圖表項目的標籤功能就不是很方便。Highcharts為使用者提供了標籤組功能。使用該功能可以在圖表區的任意位置添加一個或者多個標籤,3.9所示。該圖表中在副標題前面增加一個標籤,用以說明資料列展現的年份。圖3.9 標籤組的應用Highcharts標籤
Time of Update: 2015-06-12
JavaScript捕獲window視窗關閉事件,javascriptwindow工作中遇到有這樣的情景,要在瀏覽器視窗關閉的時候,提示使用者某種操作。類似在關閉視窗時,提示使用者儲存當前內容,選擇是則儲存並關閉視窗,選擇否則不關閉視窗,也不做儲存操作。網上找了很多,都是說用js處理window關閉事件的,要麼說onbeforeunload 方法,要麼說onunload方法。感覺都不能實現。後來突然想到這樣的辦法:用這兩個方法一起來實現!原因:onbeforeunload
Time of Update: 2015-06-12
使用history.pushState()和popstate事件實現AJAX的前進、後退功能,pushstateajax上一篇文章中,我們使用location.hash來類比ajax的前進後退功能。使用location.hash存在下面幾個問題:1.使用location.hash會導致地址欄的url發生變化,使用者體驗不夠友好。2.location.hash產生的記錄無法修改,每次hash改變都會導致產生一個新的記錄。3.location.hash只是1個字串,不能儲存很多狀態相關的資訊。為瞭解
Time of Update: 2015-06-12
CSS3 transform實現圖片投影效果,<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>圖片投影效果</title><style>.box {position: absolute;padding: 2px;background: white;-webkit-box-shadow: 1px 2px 4px rgba(0,0,0
Time of Update: 2015-06-12
Ajax的jsonp方式跨域擷取資料,ajaxjsonp跨域jsonp的調用,今天碰到了,正好整理了一下。<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script
Time of Update: 2015-06-12
非常簡單的js雙向資料繫結架構(三):js model黑科技,jsmodel 初衷之前我們要在js域更新model,需要這樣:model.set('name', 'sub');這實在太土了。。。 我們希望像angularjs一樣,直接:$scope.name = 'sub';然後bong, 視圖就會更新!這樣的黑科技必定是極好的。目標實現今次主要借鑒avalon“劫持”setter,getter的方法,連結:avalon簡化版解讀雖說是簡化過的avalon,還是挺難讀的。
Time of Update: 2015-06-12
UI元素狀態偽類別選取器,ui元素選取器E:hover 用於指定當滑鼠指標移動到元素上面時元素所使用的樣式;E:action 用於指定元素被啟用(滑鼠在元素上按下還沒有鬆開)時所使用的樣式;E:focus 用於指定元素獲得游標焦點時所使用的樣式,主要是在文字框空間獲得焦點並進行文字輸入時使用的樣式;E:enable 設定該元素處於可用狀態的樣式;E:disabled 設定該元素處於不可用狀態時的樣式;E:read-only
Time of Update: 2015-06-12
瀏覽器大小屏適配的方法,瀏覽器大小適配 分到為我們的用戶端產品做一個下載頁面。設計師分別給了大屏和小屏的切圖,那麼問題來了,如何根據螢幕的大小顯示不同的圖片?這個之前沒做過,一個同事提示,用js擷取瀏覽器的大小,動態替換圖片。方法肯定可行,但是感覺很麻煩。產品經理要求做成跟QQ下載頁相似的效果。為何不去研究下QQ下載頁的方法呢? 在筆記本和台式機上開啟QQ的下載頁,審查元素,大屏用的大圖,小屏用的小圖。他們引用的css檔案不一樣。
Time of Update: 2015-06-12
辛星淺析html中的name和id的區別,辛星淺析htmlname 可能新手朋友們能夠很輕鬆的區分id和class,但是卻不一定能夠很輕鬆的區分id和name,下面說一下二者的區別和聯絡。
Time of Update: 2015-06-12
由Online LaTeX轉向MarkdownPad,latexmarkdownpad 以前經常使用Word方程式編輯器,MathType和線上LaTeX方程式編輯器,無論是Word和PDF公式編輯,還是Web公式編輯,都非常的不方便。因此,自己也很長時間沒有寫部落格的興趣了,因為當公式多的時候,部落格的排版實在是太難看了。
Time of Update: 2015-06-12
select下拉式功能表反顯不可修改,且submit可以提交資料,selectsubmit首先通過後台funcA()將下拉式功能表反顯不可修改的資料response到disable.jsp頁面,disable.jsp:<script>var data1=${result.object.data1};var data2=${result.object.data2};var data3=${result.object.data3};......條件function setDisable(
Time of Update: 2015-06-12
推薦15個 Node.js 開發工具,node.js開發工具 Node.js 越來月流行,這個基於 Google V8 引擎建立的平台, 用於方便地搭建響應速度快、易於擴充的網路應用。在本文中,我們列出了2015年最佳的15個 Node.js 開發工具。這些工具對於剛剛開始學習 Node.js 的新手開發人員非常有協助。如果你知道任何其他有用的 Node.js 資源,請讓我們知道。1. IO.jsJavaScript I/O is an npm compatible platform
Time of Update: 2015-06-12
JavaScript學習總結-技巧、實用函數、簡潔方法、編程細節,javascript細節整理JavaScript方面的一些技巧,比較實用的函數,常見功能實現方法,僅作參考變數轉換//edit http://www.lai18.com var myVar = "3.14159",str = ""+ myVar,// to stringint = ~~myVar, // to integerfloat = 1*myVar, // to