Time of Update: 2013-10-17
以下是在頁面加入兩個地圖的效果:頁面核心代碼如下:複製代碼 代碼如下:<style type="text/css">#mapDiv1 { height:400px; width:600px; }#mapDiv2 { height:400px; width:600px; left:620px; top:-420px;}</style><body><div id="mapDiv1" ></div><br /><div
Time of Update: 2013-10-17
1、checkbox list選擇:代碼:複製代碼 代碼如下: <!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/1999/xhtml"> <head runat="server">
Time of Update: 2013-10-17
看到phpcms的地區串聯功能表,感覺寫的挺有意思,就說說大致步驟,省得忘了。對於地區串聯功能表的產生一般是在/data/cache_model/content_form.class.php檔案的areaid()函數中。不過,這個只是一個cache至於什麼地方產生還不沒找到,所以暫時作為一個測試。(知道的同學告訴我哈!十分感謝) 在areaid()的$js中添加 複製代碼 代碼如下: function delChild(num) { $('#load_$field
Time of Update: 2013-10-17
可縮放向量圖形(Scalable Vector Graphics,SVG)是基於可延伸標記語言 (XML)(XML),用於描述二維向量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。另SVG還是Static Var Generator靜止無功發生器的簡稱判斷瀏覽器是否支援SVG的代碼(部分截去自Highcharts源碼): Js代碼: 複製代碼 代碼如下: function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !
Time of Update: 2013-10-17
jquery中封裝了一些ajax請求的方法,很實用。比如.ajaxComplete()——請求完成時.ajaxError()——請求失敗時.ajaxSend()——在Ajax請求發送時附加一個function去執行.ajaxStart()——請求開始時,.ajaxStop()——請求結束時.ajaxSuccess()——請求成功時.load()——從服務端載入資料並將返回的HTML替換到選擇的元素中jQuery.post()——使用HTTP POST請求載入服務端資料.serialize()——
Time of Update: 2013-10-17
在使用jQuery Mobile進行Web開發中,當頁面跳轉時(pageA => pageB),在pageB中引用的JS並未成功運行。因為,JQM並為將整個頁面載入到當前的dom中,僅將data-role="page"元素加入當前的dom中。因此,在<head>中引入的外部JS檔案,以及<page>標籤外的JS均不能正常運行,重新整理頁面後方可載入成功。
Time of Update: 2013-10-17
在做B/S結構的系統時,我們常常需要擷取用戶端的一些資訊,如IP和MAC,以結合身分識別驗證。要擷取伺服器端的MAC很容易,但是要擷取用戶端的MAC的地址確要花費一翻心思,通常的做法是調用Win32API或直接調用nbtstat命令,這樣做有很多問題,而另一種方法就是直接用用戶端指令碼,我們這裡用Javascript,這樣做的好處是不需要伺服器端進行處理,有用戶端自行擷取,傳遞到伺服器端,且速度和可靠性都比在伺服器端擷取好。 具體實現的html和javascript如下: 複製代碼 代碼如下:
Time of Update: 2013-10-17
預設情況javascript是同步載入的,也就是javascript的載入時阻塞的,後面的元素要等待javascript載入完畢後才能進行再載入,對於一些意義不是很大的javascript,如果放在頁頭會導致載入很慢的話,是會嚴重影響使用者體驗的。 (1) defer,只支援IE defer屬性的定義和用法(我摘自w3school網站) defer 屬性規定是否對指令碼執行進行延遲,直到頁面載入為止。 有的 javascript 指令碼 document.write
Time of Update: 2013-10-17
1.替換關鍵字,對字型變色 複製代碼 代碼如下: public static string ReplaceRed(string strtitle, string redkey) { if (redkey == "" || redkey == null) { return strtitle; } else strtitle = strtitle.Replace(redkey, " <font color='#ff0000'>" + redkey + " </font>");
Time of Update: 2013-10-17
前言 自由百科全書不僅僅應當可以自由編寫,而更應該可以自由獲得。 DBpedia對Wikipedia的資料變成Linked Data形式,使得機器也能讀懂並自由獲得這些資料。 本文的主要目的是利用Javascript從DBpedia中擷取我們想要的資料。 對Linked Data不太瞭解的請參考:關聯資料入門——RDF。SPARQL Trying to use the Semantic Web without SPARQL is like trying to use a relational
Time of Update: 2013-10-17
今天在使用innerText時遇到一個相容性問題,FireFox不支援innerText方法,查了下MDN,發現FireFox下有個類似的方法,叫textContent,它和IE的innerText類似, 都是用來擷取(設定)元素中text的方法。文法 •設定 複製代碼 代碼如下: element.textContent = “text”; •擷取 複製代碼 代碼如下: var text = element.textContent; 複製代碼 代碼如下: Note:
Time of Update: 2013-10-17
JQuery真的太強大了,真好看!Jquery代碼如下:複製代碼 代碼如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:
Time of Update: 2013-10-17
前兩講我告訴了大家如何使人物移動,那麼今天我們就來看看如何?仿《三國志曹操傳》人物情景對話。具體的連結我寫在下方。一、前言相信大家都還記得吧,在某些新聞裡會有一些慘不忍睹的結果是用像打字機一樣的方式把文字弄出來。那麼今天的主要目的就是要辦到這個。就在9月5日的時候,我在辦公室裡起了個做這種程式的念頭,並且有了點思路。我首先想用調margin的方法,按理說是作出來了,但很不讓人滿意,畢竟很麻煩,並且技術也差。所以我打算用上數組和迴圈。9月13日我抽空寫出來了,但由於這幾天很忙,基本上在工作日不可能
Time of Update: 2013-10-17
小時候我們玩過拼圖遊戲,是用自己的手去拼的。今天我們來研究研究用javascript來拼圖。同樣是拼圖,但用js拼圖要比用手拼圖麻煩多了,因此以後我要把它最佳化成引擎。一、前言以上是一段導語,話不扯遠,對《三國志曹操傳》熟悉的玩家知道,《三國志曹操傳》的地圖是由小地圖塊拼成的,那要實現它就和導語說得一樣:很麻煩。不過即使麻煩也是一門技術,因此在此分享給大家,希望大家喜歡。二、代碼講解今天我要換換講解方式,先不給代碼,我們先來想想原理。現在,假如你有一幅圖片,把它裁開成若干份,並打亂。現在如果讓你
Time of Update: 2013-10-17
跨瀏覽器基礎事件 複製代碼 代碼如下: //跨瀏覽器添加事件 function addEvent(obj, type, fn) { if (obj.addEventListener) { obj.addEventListener(type, fn, false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, function () { fn.call(obj); }); } } //跨瀏覽器基礎事件 function
Time of Update: 2013-10-17
用jQuery實現的模仿a的title屬性的例子,在測試的時候ie6,7上出現了層次混亂,不過最終解決了。 html代碼如下: 複製代碼 代碼如下: <div class="wrap"> <ul class="list clearfix"> <li><a href="">UI設計師</a> <div class="show"> <p>所屬部門:技術部</p> <p>工作地點:鄭州</
Time of Update: 2013-10-17
JavaScript中的物件模型(object model)並不廣為人知。我曾寫過一篇關於他們的部落格。之所以不被人所熟知,原因之一就是JavaScript是這些被人廣泛使用的語言中唯一一個通過原型(prototype)來實現繼承的。但是,我認為另一個原因就是這種物件模型非常複雜,難於解釋。它為什麼這麼複雜並且又令人困惑呢?那是因為JavaScript試圖去隱藏它傳統的物件導向的特性——最終導致了它的雙重人格(譯者註:作者意思是JavaScript既有面向過程的特徵,又有物件導向的特徵)。
Time of Update: 2013-10-17
1. 這兩個方法,如果匹配成功,返回一個數組,匹配失敗,返回null。 2. 當RegExp的global屬性為false時,這兩個方法的返回數組是一樣的。 數組的第0個元素是整個pattern的第一個匹配字串,接下來的元素是pattern第一個匹配中的子匹配字串。 此外,數組還有index和input兩個額外屬性,index是匹配字串的起始位置,input是整個輸入字串。 此時,RegExp的lastIndex屬性一直是0。 demo: 複製代碼 代碼如下: var s =
Time of Update: 2013-10-17
前言 上一篇文章,我們講解了邊緣梯度計算函數,這篇文章我們來瞭解影像金字塔。 影像金字塔? 影像金字塔被廣泛用於電腦視覺應用中。 影像金字塔是一個映像集合,集合中所有的映像都源於同一個原始映像,而且是通過對原始映像連續降採樣獲得的。 常見的影像金字塔有下面兩種: •高斯金字塔(Gaussian pyramid): 用來向下採樣 •拉普拉斯金字塔(Laplacian pyramid): 用來從金字塔低層映像重建上層未採樣映像 高斯金字塔
Time of Update: 2013-10-17
前言:最近在做SOSO地圖相關開發,遇到相關畫圓知識,特此簡單記錄下來。1.在頁面中添加SOSO地圖API引用,引用指令碼:複製代碼 代碼如下:<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>; 2.建立一個地圖DIV容器,如下:複製代碼 代碼如下:<div style="width:603px;height:300px"