Time of Update: 2015-01-13
css3盒模型,css3模型css2.1盒模型: 當你定義盒子的寬高後;如果添加padding和border值後盒子的寬高會被撐大 盒子的高度=定義的高度+(padding-top + padding-bottom)+(border-top + border-bottom); 盒子的寬度=定義的寬度+(padding-left+
Time of Update: 2015-01-13
使用js畫圖之餅圖,js畫圖使用js畫圖之餅圖餅圖是將一個圓分割為多個扇形。範例:http://www.zhaojz.com.cn/demo/draw8.html複製代碼 代碼如下://餅圖//dot 圓點//r 半徑//data 資料(一維數組)function drawPie(dot, r, data){ if(data && data.length > 0){
Time of Update: 2015-01-12
js物件導向之靜態方法和靜態屬性執行個體分析,js執行個體分析本文執行個體講述了js物件導向之靜態方法和靜態屬性。分享給大家供大家參考。具體分析如下:先看如下代碼:複製代碼 代碼如下:<script type="text/javascript">function Bird(){ this.wing = 2; this.fly = function(){ alert("我是鳥,我會飛"); }}var maque = new Bird();//
Time of Update: 2015-01-12
jquery文檔操作wrap()方法執行個體簡述,jquerywrap本文執行個體講述了jquery文檔操作wrap()方法。分享給大家供大家參考。具體實現方法如下:wrap()方法:是指用某個標籤將某個元素包起來,即在外面多加一層標籤。複製代碼 代碼如下:<html><head><title>jquery文檔操作:wrap()方法</title><script type="text/javascript" src="jquery-1.8.2
Time of Update: 2015-01-12
js對象繼承之原型鏈繼承執行個體,js對象原型執行個體本文執行個體講述了js對象繼承之原型鏈繼承的用法。分享給大家供大家參考。具體分析如下:複製代碼 代碼如下:<script type="text/javascript">//定義貓的對象var kitty = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我會爬樹')}};//老虎對象的建構函式function tiger(){
Time of Update: 2015-01-11
JavaScript中Cookie操作執行個體,javascriptcookieJavaScript
Time of Update: 2015-01-11
js面向原型話語言總結一、數組的尋找和刪除function WarrperArray(array){ this.array = array; }//返回下標 WarrperArray.prototype.existValue = function(val){ for(var j = 0;j if(this.array[j]==val) return j; } return -1; }//刪除指定值得元素
Time of Update: 2015-01-12
js建立對象的方式總結,js建立對象本文執行個體總結了js建立對象的方式。分享給大家供大家參考。具體如下:複製代碼 代碼如下:<script type="text/javascript">//1. 通過字面值來建立對象var obj = {hobby:'籃球',girlf:'美女'};document.write(obj.hobby + '和' + obj['girlf']);//2. 通過new Object方式來建立對象,Object為系統內建的建構函式var obj2 =
Time of Update: 2015-01-11
JavaScript Math.ceil 方法(對數值向上取整),math.ceil取整JavaScript Math.ceil 方法Math.ceil 方法用於對數值向上取整,即得到大於或等於該數值的最小整數。文法如下:Math.ceil(x)參數說明: 參數 說明 x 必需。必須是一個數值。 提示:該方法與 Math.floor 方法正好相反。Math.ceil 方法執行個體<script language=
Time of Update: 2015-01-11
JQuery之動畫與特效顯示與隱藏show(spped,[callback])與hide(spped,[callback])speed可選填slow、normal、fast,對應的速度分別為600ms、400ms、200ms。也可以直接填毫秒數,callback函數為回呼函數,動作完成後調用此函數$("img").show(3000,function(){ $(this).css("border","solid 1px #ccc”);});toggle()函數,無參格式,
Time of Update: 2015-01-11
《JavaScript DOM 編程藝術》讀書筆記之JavaScript 文法,javascriptdom注釋 單行注釋:// 多行注釋:/* */ "<!--"可以用作單行注釋,由於和HTML的"<!--
Time of Update: 2015-01-11
JS JQUERY實現捲軸自動滾到底的方法,jsjquery設定頁面載入時捲軸自動滾到底的方法:jQuery:複製代碼 代碼如下:$(function(){ var h = $(document).height()-$(window).height(); $(document).scrollTop(h);});JavaScript:複製代碼 代碼如下:window.onload = function(){ var h =
Time of Update: 2015-01-11
javascript的實現事件的一些執行個體嘿嘿,今天學習到了事件,其實在C#中事件只需要我們觸發即可實現,但是在javascript並不是這樣的,在這裡,事件是javascript與html的互動,就是文檔或者瀏覽器視窗發生的一件特定的互動瞬間。其實從定義上面你很難想象吧,那麼下面就簡單的舉例說下。 一.實現文字改變位置 <head>
Time of Update: 2015-01-11
推薦一款jQuery外掛程式模板,一款jQuery外掛程式模板我使用jQuery已經有相當長的時間了,並且我會常常為它寫一些外掛程式(plugin)。我嘗試過用不同的方式去寫,現在這個模板是我最喜歡的:複製代碼 代碼如下:;(function($) { // multiple plugins can go here (function(pluginName) { var defaults =
Time of Update: 2015-01-11
很漂亮的使用者登入介面HTML模板,使用者登入html模板效果預覽:http://keleyi.com/keleyi/phtml/divcss/21.htmHoverTree開源項目實現了分層後,準備實現管理員後台登入,這裡先把登入介面的HTML模板整理好。html代碼:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"
Time of Update: 2015-01-11
使用javascript實現簡單的選項卡切換,javascript選項卡代碼相當簡潔、簡單易懂,就不多廢話了。直接奉上代碼:複製代碼 代碼如下:<!DOCTYPE html><html> <head> <meta http-equiv="Content-type" content="text/html" charset="utf-8"&
Time of Update: 2015-01-10
Js跨域同步cookie Js跨域同步cookie怎麼實現document.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";//name
Time of Update: 2015-01-11
封裝好的js判斷作業系統與瀏覽器代碼分享,封裝js瀏覽器代碼摘要: 對於前端開發我們最重要的工作就是相容性,系統的相容性,瀏覽器的相容性等等。今天分享一個我在項目中封裝的判斷作業系統與瀏覽器的方法。作業系統:複製代碼 代碼如下:var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return
Time of Update: 2015-01-11
《JavaScript DOM 編程藝術》讀書筆記之DOM基礎,javascriptdomDOM DOM:文件物件模型;節點
Time of Update: 2015-01-10
胡博君簡單總結JS中的分享到代碼var shareData = {sTitle: Let's go! ,sDesc: 我的牙都酸倒啦,sContent: 你還等什麼!!!,sImgurl: ,sLink: ,sCallback: