小試牛刀，實現了六款簡單常見HTML5 Canvas特效濾鏡，並且封裝成一個純JavaScript可調用的API檔案gloomyfishfilter.js。支援的特效濾鏡分別為： 1.反色 2.灰色調 3.模糊 4.浮雕 5.雕刻 6.鏡像濾鏡原理解釋： 1.反色：擷取一個像素點RGB值r, g, b則新的RGB值為(255-r, 255-g, 255-b) 2.灰色調：擷取一個像素點RGB值r, g, b則新的RGB值為 複製代碼 代碼如下: newr = (r * 0.272) + (g *
複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;"> <div id="demo" style="overflow:hidden;height:160;width:100%;"> <div id="
在前面的介紹中，我們討論過close（）方法：複製代碼 代碼如下: win = window.open（"http://www.jb51.net/", "js"）； win.close（）； JavaScript提供了許多方法與屬性，我們可以使用它們來控制視窗。 移動、滾動、改變大小 下面的方法（N4+，IE4+）負責個定視窗的移動、滾動以及大小改變操作：複製代碼 代碼如下: // 移動視窗的螢幕位置到指定的位移x 、y（絕對移動） window.moveTo（iX, iY） /
javasscript刪除數組的3種方法1，用shift()方法shift：刪除原數組第一項，並返回刪除元素的值；如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var chaomao.shift()//得到1alert(chaomao)//[2,3,4,5]2，用pop()方法pop：刪除原數組最後一項，並返回刪除元素的值；如果數組為空白則返回undefinedvar chaomao=[1,2,3,4,5]var
複製代碼 代碼如下:/* * zoomCheck */jQuery(function($){ var dCheck = $("#zoomCheck"); if(dCheck.size() != 0){ return; } dCheck = $("<span></span>").attr('id',"zoomCheck").css({
複製代碼 代碼如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>oec2003</title><script language="JavaScript" type="text/JavaScript"><!--function
效果如下： 複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> .code
複製代碼 代碼如下: <script type="text/javascript"> //jquery判斷瀏覽器資訊 $(function(){ var bro=$.browser;//擷取瀏覽器使用者代理程式資訊; var bro_msie=bro.msie;//判斷是否為ie瀏覽器，假如為ie瀏覽器就返回：true，否則返回：undefined; var
在使用Java做背景時候，都會做到登入的頁面，但是自己的頁面太難看了，要置中沒置中，要顏色沒顏色，但是無論是怎麼樣都得使登入的框置中吧！以前的想法是通過CSS+Div使div置中，但是現在的想法變了，通過JavaScript可以簡單的使Div在頁面上置中，隨著網頁大小的改變做出相應的改變。而且只要明白了置中的原理輕而易舉就可以實現了。 先看一下置中的原理吧! 先看一張圖。
void是javascript中的一個操作符，文法如下: javascript:void(運算式) javascript:void 運算式 void會計算運算式的值，但是會丟棄運算式的傳回值。 這個運算式常常用來使連結變成一個死連結: 複製代碼 代碼如下: <a href = "javascript:void(0)" onclick = "func()">點我</a> 當點擊這個連結的時候，不會發生地址跳轉，而執行onclick函數。 下面的方式也能實現同樣的結果
Javascript查詢DBpedia小應用 上一篇文章中，我們瞭解了SPARQL、SPARQL Endpoint，並簡單做了一個SPARQLWrapper.js，來從DBpedia中查詢了一些資料。 本文則嘗試利用SPARQLWrapper.js來讀取DBpedia的資料，並顯示出來。 目標 通過輸入一個英文單詞，然後返回WIKI中相關的資訊。 那麼主要要解決的問題就是怎樣的SPARQL語句能夠查詢到我們需要的東西。 先看一段簡單的SPARQL查詢語句 複製代碼 代碼如下: PREFIX :
setTimeout方法是定時程式，也就是在什麼時間以後幹什麼。幹完了就拉倒。setInterval方法則是表示間隔一定時間反覆執行某操作。如果用setTimeout實現setInerval的功能，就需要在執行的程式中再定時調用自己才行。如果要清除計數器需要 根據使用的方法不同，調用不同的清除方法：例如：(1):複製代碼 代碼如下:t=setTimeout('northsnow()',1000);clearTimeout(t);(2)：t=setInterval('northsnow()',10
當建立一個類的時候，如果希望下面new出來的每個類都擁有一些通用的變數或者其他的函數，這個this關鍵字這是最好的方式。當然，既然是物件導向的語言，必然存在存取權限的問題，這裡也和this關鍵字息息相關。下面我們來示範一個例子來說明一下這個類的存取權限的問題.複製代碼 代碼如下://Person類 function Person(){ var
因此，他們始終存著最新，最準確的資訊。從本質上說，所有NodeList對象都是訪問DOM文檔時即時啟動並執行查詢。例如下列代碼會導致無限的迴圈：複製代碼 代碼如下:<script type="text/javascript"> window.onload=function(){ var divObj=document.getElementsByTagName('div'); &
如果用原型方式重定義前面例子中的類，它們將變為下列形式：複製代碼 代碼如下:function ClassA() {}ClassA.prototype.color = "blue";ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB() {}ClassB.prototype = new ClassA();原型方式的神奇之處在於最後一行代碼。這裡，把
代碼： 複製代碼 代碼如下: <!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> <meta http-equiv="Content-Type" content="
全排列是一種時間複雜度為：O(n!)的演算法，前兩天給學生講課，無意間想到這個問題，回來總結了一下，可以由7種演算法求解，其中動態迴圈類似回溯演算法，實現起來比較繁瑣，故總結了6種，以饗讀者。所有演算法均使用JavaScript編寫，可直接運行。演算法一：交換（遞迴）複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
javascript:變數的聲明以下是幾種聲明變數的方式複製代碼 代碼如下: var value; var value,value1,value2;//同時聲明多個變數，但是這些變數的值都是undefined var i = 0,j =
示範地址： http://www.ihuxu.com/project/gcdmove/調用樣本： var GCDM = gcdMove(oDiv,100,0); GCDM.startMove();//開始運動 GCDM.stopMove();//結束運動 該段JS代碼已經封裝好了，代碼如下： 簡要說明 - obj為要改動的對象元素，通常為某個div；iSpeedX，iSpeedY為div出師的橫向（右側），豎向（下）的初始速度，當然也可以設為零。 複製代碼 代碼如下: /** * @Desc
看了《高效能JavaScript》的讀書筆記幾個原則：1、將指令碼放在底部<link>還是在head中，用以保證在js載入前，能載入出正常顯示的頁面。<script>放在</body>前。2、成組指令碼由於每個<script>標籤下載時阻塞頁面解析過程，所以限制頁面的<script>總數也可以改善效能。適用於內聯指令碼和外部指令碼。3、非阻塞指令碼等頁面完成載入後，再載入js代碼。也就是，在window.load事件發出後開始下載代碼。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
