Time of Update: 2014-05-13
不知道怎麼描述,就是有兩個select下拉,做成文本域那樣的,可以從一側的結果集中選擇值,添加到另一側中;另一側刪掉後,值又重新到結果集那邊了。直接看範例示範吧,相信你以前後者以後會用到的!不多說了,上代碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2014-05-13
三種檢測對象的類方式: instanceof、constructor 、建構函式名字 用法如下: 1)instanceof console.log([1,2,3] instanceof Array);true console.log([1,2,3] instanceof
Time of Update: 2014-05-13
jquery實現一個進度條的效果,或許在這裡沒有什麼實際的作用,但是已經實現了進度條的部分原理,前端是怎麼實現那種進度效果的。效果示範:進度條實現源碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199
Time of Update: 2014-05-13
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /** * json對象的格式 {key:value,key:value,key:value..} */ //建立對象的小例子 //-----1 var r=
Time of Update: 2014-05-13
複製代碼 代碼如下: var ImgObj=new Image(); //建立一個映像對象 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部圖片格式類型 var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全域變數 圖片相關屬性 //以下為限制變數 var AllowExt=".jpg|.gif|.doc|.txt|"
Time of Update: 2014-05-13
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /*I總結: 1.函數名可以做變數使用,可以賦值,可以傳值 2.函數名當參數,傳遞給另一個函數 */
Time of Update: 2014-05-12
此工具函數沒實際意義,只是鑒於EXT的extend方法不太好理解,寫了一個簡化的extend方法,協助理解./** * */E = {};E.extend = function(sub, sup) {//借用建構函式sub.prototype = sup;//保留父類的建構函式,以便在子類建構函式中用調用,將父類變數綁定在this下sub.prototype.superclass =
Time of Update: 2014-05-12
擷取網站icon,常用最簡單的方法就是通過website/favicon.ico來擷取,不過由於很多網站都是在頁面裡面設定favicon,所以此方法很多情況都不可用。更好的辦法是通過google提供的服務來實現:http://www.google.com/s2/favicons?domain=http://www.baidu.com代碼:<!doctype html><html><head> <meta charset="utf-8">
Time of Update: 2014-05-13
把現實世界當中的物體類比到電腦當中,一些簡單的物理實驗、碰撞旋轉等等難度還是不算很大,難度較大的應當算流體類比。 本文將在Canvas當中類比出一個2D平面內的水珠,涉及的知識點和技巧包括:Jscex基礎知識,貝茲路徑的繪製,合理利用CanvasRenderingContext2D的translate和rotate等API。 繪製橢圓 在類比水滴之前,我們先思考一下怎麼在canvas當中繪製一個橢圓。 大家可以很容易想到 下面幾種方案: 1.根據橢圓笛卡爾座標系方程繪製
Time of Update: 2014-05-12
做web設計的時候,經常會遇到父表,子表的問題,例如:班級表&學生表, 叢集表&主機表等等。。說白了就是資料庫設計中的一對多關聯性的情況。 這種狀況在做頁面展示的時候,做成伸縮表格的樣子比較靈活點。下面是我參照了一個開源的jquery外掛程式實現的動態伸縮表格,大家可以參照一下。 首先,上: 比較簡陋,只用了最簡單的css效果,下面貼出My Code。 1. 檔案名稱:test.csstable.expanding {
Time of Update: 2014-05-12
引言 在這篇文章裡我們將會討論與執行內容直接相關的更多細節。討論的主題就是this關鍵字。實踐證明,這個主題是足夠難的並且在不同的執行內容中判定this的值經常會引發出許多問題。
Time of Update: 2014-05-13
複製代碼 代碼如下:// 和PHP一樣的時間戳記格式化函數// @param {string} format 格式// @param {int} timestamp 要格式化的時間 預設為目前時間// @return {string} 格式化的時間字串function date (
Time of Update: 2014-05-12
此方法類似於JavaScript中的innerHTML 屬性,可以用來讀取或者設定某個元素中的HTML內容。要擷取某個元素的內容,可以這樣:1var p_html = $(p).html(); //擷取p元素的HTML代碼 如果需要設定某元素的HTML代碼,那麼也可以使用該方法,不過需要為它傳遞一個參數。例如要設定p元素的HTML代碼,可以使用如下代碼:1//設定p元素的HTML代碼2$(p).html(歡迎您訪問簡明現代魔法圖書館~~);
Time of Update: 2014-05-12
從NETTUTS看到的文章,效果很不錯,有點類似於Flash做出來的效果,demo在這裡 ,原文 對實現步驟講得很清楚,我就不多提了,實現效果的邏輯比較簡單,也就是slideDown()方法, jquery slideDown()方法,實現滑動效果。複製代碼 代碼如下:// shows a given element and hides all others function showViaKeypress(element_id) {
Time of Update: 2014-05-12
接下來我們使用Jquery實現斷行符號鍵Enter切換焦點,此代碼在常用瀏覽器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4測試通過。使用的開發工具是微軟VS2010+Jquery架構實現步驟如下1、首先引用Jquery類庫<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2、Javascript代碼複製代碼
Time of Update: 2014-05-12
鍵盤事件處理所有使用者在鍵盤敲擊的情況,不管在文本輸入地區內部還是外部。鍵盤事件在不同的瀏覽器中作用的範圍是不一樣的,通常這種鍵盤事件可以作用於 Form元素,a標籤元素,window ,document這樣的元素上。在所有可以獲得交點的元素上是可以觸發鍵盤事件的,可以獲得焦點的元素可以這樣理解,在使用Tab鍵的時候可以跳躍到的元素就是可以使用鍵盤事件的元(在沒有為這些元素設定tabindex屬性值的情況下,當tabindex設定為負數的時候,在使用Tab鍵的時候就不會獲得焦點)。 &
Time of Update: 2014-05-12
貼一段jQuery對js對象及數組的操作:增刪改查的代碼。複製代碼 代碼如下:var WorkList = new Array();//數組對象 //下面是自己定義的實體 function WorkEx(depart, title, begintime, endtime) { this.SId = 0; this.Id = -(WorkList.length+1);
Time of Update: 2014-05-12
現在越來越多的項目和開發外掛程式等預設都會支援和使用json資料格式,作為資料保持、傳輸的一種方式。 說是其中一種,就標示還有好多其他格式。比如:最多是xml。webservice的標準資料格式。 不過由於json是JavaScript 物件標記法(JavaScript Object Notation),天生就對js支援很好, 所以現在很多的ajax等都使用json,反而會更好處理一些。1、定義什麼是 JSON ?1.JSON 指的是 JavaScript 物件標記法(JavaScript
Time of Update: 2014-05-12
其實主要是通過window.orientation實現,下面看下代碼吧複製代碼 代碼如下:function orient() {if (window.orientation == 90 || window.orientation == -90) {//ipad、iphone豎屏;Andriod橫屏$("body").attr("class", "landscape");orientation = 'landscape';return false;}else if
Time of Update: 2014-05-12
DIV:複製代碼 代碼如下:<div class="pic_conent"><div class=" fn-pr pic_layer"><!--圖片文字介紹透明層--><section class="bg text_layer_home p10 font-yahei fn-bc"> <h2 class="f14 fefefe">${pic.desc}</h2><aside class="f12