Time of Update: 2015-07-22
標籤:該下雪動畫效果使用了HTML5中Canvas畫布實現,其中涉及了物理學中曲線運動的相關知識與運算。index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="
Time of Update: 2015-07-22
標籤:<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>javascript checkbox全選 反選 全不選</title><meta name="description"
Time of Update: 2015-07-22
標籤:<body><div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是廣告</div><script> var x=0; var y=0; var xs=10; var ys=10; var one=document.getElementById("one");
Time of Update: 2015-07-22
標籤:物件導向 物件導向思想的幾個重要特徵(針對類的要求): 抽象-封裝、資訊隱藏(將內部實現的方法和資料隱藏, 定義開放的介面) 繼承-子類可以使用父類的資源,並可以定製自己的資源, 資源套件括方法和資料 多態-重載(同名函數)、覆蓋(繼承的基礎上重寫父類函數) JS與物件導向 javascript使用prototype實作類別的繼承功能, 非經典物件導向語言的類的形式, 使用方法也不同, 導致使用較困難。 請參考大師的《深入理解javascript原型和閉包系列》 http:/
Time of Update: 2015-07-21
標籤: 1 //isActiveClone防止循環參考 2 function clone(obj) { 3 if (obj === null || typeof obj !== ‘object‘ || ‘isActiveClone‘ in obj) { 4 return obj; 5 } 6 7 var temp = obj.constructor(); //使temp的prototype與obj的相同 8 9 for (var key in
Time of Update: 2015-07-21
標籤:前幾章介紹javascript基本知識,變數的聲明,函數,和對象這三者是重點,當然沒什麼難度。第三章開始是重點,講到了DOM。D:文檔O:物件導向M:模型(樹) 擷取元素:有三種DOM方法可以擷取元素節點,分別是通過元素id,通過標籤名,和通過類名。1.getElementById根據id返回一個2.getElementByTagName根據標籤名,返回一個對象數組。每個對象分別對應著document對象中的一個清單項目元素。3.getElementByClassName&nbs
Time of Update: 2015-07-21
標籤: 當頁面元素觸發事件的時候,該元素的容器以及整個頁面都會按照特定 順序響應該元素的觸發事件,事件傳播的順序叫做事件流。一、事件流的分類 1.冒泡型事件(所有的瀏覽器都支援 w3c標準)
Time of Update: 2015-07-21
標籤:javascript事件流講解和執行個體應用 當頁面元素觸發事件的時候,該元素的容器以及整個頁面都會按照特定 順序響應該元素的觸發事件,事件傳播的順序叫做事件流。一、事件流的分類 1.冒泡型事件(所有的瀏覽器都支援 w3c標準)
Time of Update: 2015-07-22
CSS3 垂直樹狀圖——運用 :before 和 :after,css3樹狀直接(原網址),還有步驟想詳解視頻。自己CSS3練習demo。 【demo】【HTML】<div class="tree"> <ul> <li> <a href="#">parent</a> <ul>
Time of Update: 2015-07-22
一張圖看懂css的position裡的relative和absolute的區別,positionrelativeposition有以下屬性:static、inherit、fixed、absolute、relative前三個好理解好區分:static:是預設狀態,沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。nherit:從父元素繼承 position
Time of Update: 2015-07-22
JavaScript“並非”一切皆對象網上非常多都在說”JavaScript一切皆對象“,那麼這個"一切"到底是實實在在的"一切",還是一個虛數?也有看過網上的文章,有的三紙無驢,就是抄抄概念,有的也只是解釋了一部分,並沒有給出確切的結論。那麼我想結合自己的理解,給出一個確切的結論。 當然,結論嘛,自然要放在文章結尾。小夥伴們接著往下看。 資料類型概要進入之前,有必要概要地說一下js的資料類型,當然小夥伴們也可以
Time of Update: 2015-07-22
Javascript學習筆記-定時器簡介JavaScript提供定時執行代碼的功能,叫做定時器(timer),主要由setTimeout()和setInterval()這兩個函數來完成。TimeoutsetTimeout功能:指定某個函數或某段代碼,在多少毫秒之後執行 文法:var timerId = setTimeout(func|code, delay) 參數Javascript語句字串或者函數:要被執行的代碼 時間間隔(毫秒):指示從當前起多少毫秒後執行第一個參數
Time of Update: 2015-07-22
常用正則:社會安全號碼碼驗證Regex,需要一個簡單的驗證社會安全號碼的Regex,從網上查了很多,都有問題,主要是只要超過15位,都能夠通過,於是自己查了半天手冊,寫了下面這個式子,能夠滿足簡單的要求:1、15位或18位,如果是15位,必需全是數字。2、如果是18位,最後一位可以是數字或字母Xx,其餘必需是數字。/^(\d{15}|\d18|^\d{17}(\d|X|x))$/從這個運算式想到的:1、Regex首先是要通過正確的2、限制不正確3、可以不限制其中的某此規則,但一定要讓正確的先通過
Time of Update: 2015-07-22
圖表中如何?動態變更分類軸與系列值,圖表在一些特殊的報表中我們添加了圖表項目,但是分類軸與系列值一般情況下都是固定的.那麼,有沒有什麼方法可以根據情況變更分類軸與系列值?方法如下:所用報表開發工具:FineReport 用的是系統資料庫FRdemo,例圖如下: 1.直接顯示的效果2.點擊產品類別家電下面電視後的效果3. 點擊產品類別資料產品下面數位相機後的效果 4.點擊省區類別資料銷售
Time of Update: 2015-07-22
jquery實現滑鼠滑過小圖查看大圖的方法,jquery查看大圖本文執行個體講述了jquery實現滑鼠滑過小圖查看大圖的方法。分享給大家供大家參考。具體實現方法如下:1. CSS部分:<style type="text/css">ul{ list-style:none;}li{ float:left; margin-left:10px;}img{ border:#CCCCCC solid 1px;}#max{ position:absolute;
Time of Update: 2015-07-22
自訂jquery ui日曆自訂的jquery ui組件開發的日曆控制項,和系統配置支援變更語言,變更時間格式,切換時區$(function() {jQuery.widget(xway.Calendar, {_div : null,hide : function() {jQuery(document).off(mouseup);this._div.fadeOut();},pickup : function(value) {this.hide();this.element.val(value);},
Time of Update: 2015-07-22
非常好用的JQuery自動補全外掛程式bigautocomplete自動補全外掛程式,有些功能有限,有些是老外做的,不支援中文。今天發現一個國人做的,叫做bigautocomplete,還不錯。 使用步驟:1、把兩個js和css檔案放到項目中: 2、在項目頁面中引用: <script src=./resources/bigui/jquery.bigautocomplete.js charset=UTF-8
Time of Update: 2015-07-22
CSS實現標題超出寬度省略符號來表示,css省略符號<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>標題</title><style type="text/css">div{ overflow:hidden;
Time of Update: 2015-07-22
javascript實現網頁屏蔽Backspace事件,輸入框不屏蔽,下面通過javascript代碼實現網頁屏蔽Backspace事件,輸入框不屏蔽,具體代碼如下:document.onkeydown = function (e) { var code; if (!e){ var e = window.event;} if (e.keyCode){ code = e.keyCode;} else if (e.which){ code = e.which;}
Time of Update: 2015-07-22
jquery實現Ctrl+Enter提交表單的方法,jqueryenter本文執行個體講述了jquery實現Ctrl+Enter提交表單的方法。分享給大家供大家參考。具體如下:<!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Text Box Enter</title&