10個能用JavaScript實現的圖片特效

一般來說,我們在寫部落格或做網站時都需要對插圖做一些效果,比如增加陰影、圖片圓角、倒映等等。這些效果一般可以用3個方法實現,一是用PS實現對圖片進行修改,二是使用CSS,三是使用JavaScript。使用PS會破壞原圖,而且要花費一定的時間。Netzgesta上有很多實現圖片特效的JavaScript提供下載,很多效果都是相當漂亮的。1、水倒映這個js將為圖片添加水倒映的特效,時下web2.0網站很喜歡這種效果。如果你喜歡線上產生水倒映效果,可以參考這裡。js下載連結2、圓角+陰影或許你記得用R

FireUnit – 體驗測試驅動的JavaScript開發

FireUnit是一個Firefox擴充,同時也是一個Firebug擴充,這個 擴充提供了一堆API可以協助你實現JavaScript代碼的單元測試,還在Firebug的一堆Tab中再增加一個用於顯示測試結果。現在提供的還是 很基本的測試,但是我們要相信這個擴充的潛力,因為它的作者是John Resig和Jan Odvarko,什嗎?沒聽過他們?小聲問句,你聽過JavaScript沒有?【原文標題】http://ejohn.org/blog/fireunit/【原文作者】John

JavaScript基於原型的對象(建立、調用)

JavaScript中的對象有三種1,內部對象    如Array,Boolean,Data,Math,Number,Object,RegExp,String對象等    這些對象系統給我們提供了各自的屬性與方法供調用。2,基於類的對象    用類的方式實現對象的引用,這些類需要我們自己定義3,基於原型的對象    提供有關如何使用 JavaScript 基於原型的物件模型的指南,並且提供指向特定資訊的連結,這些資訊描述基於原型的對象的自訂建構函式和繼承。  

javascript 中的 null 與 undefined

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> typeof(undefined) == 'undefined' typeof(null) == 'object' typeof("") == 'string' typeof(0) == 'number' typeof(false) == 'boolean' 我的理解,null 

如果用JS得到字串中出現次數最多的字母

網上有這樣一道題目:一個字串String=“adadfdfseffserfefsefseetsdg”,找出裡面出現次數最多的字母和出現的次數。經典的解答思路為:取出字串的第一個字元(首字母),利用的字串的 replace 方法將符合Regex(第一個字元)替代為空白,此字母出現的次數為原始的字串長度減去替代後的字串長度。迴圈迭代找出長度最長的字母。<script type="text/javascript">var str

非常全面的實用JavaScript開發工具列表(一)

在今天網路開發方面,JavaScript起了很關鍵的作用;像jQuery, MooTools, Prototype等等JavaScript架構以及其它JavaScript類庫讓我們的生活輕鬆了不少。但是隨著Rich Internet

如何最佳化JavaScript指令碼的效能

隨著網路的發展,網速和機器速度的提高,越來越多的網站用到了豐富用戶端技術。而現在Ajax則是最為流行的一種方式。javascript是一種解釋型語言,所以能無法達到和C/Java之類的水平,限制了它能在用戶端所做的事情,為了能改進他的效能,我想基於我以前給JavaScript做過的很多測試來談談自己的經驗,希望能協助大家改進自己的JavaScript指令碼效能。   語言層次方面   迴圈   迴圈是很常用的一個控制結構,大部分東西要依靠它來完成,在JavaScript中,我們可以使用for(;

javascript中return false;preventDefault();stopPragation()的區別

主要內容:區別的介紹代碼示範區別建議 1. 區別的介紹我們在平時的編碼中javascript中經常會用到[return false;]語句來阻止事件的向上傳遞,其實[return false;]語句包含了2層意思:阻止觸發事件的元素的預設動作(比如說一個link(<a href="http://www/baidu.com"></a>),它的預設動作就是遷移到baidu首頁)阻止觸發事件的元素向上傳遞事件 由於[return

Javascript禁用F5,退格鍵,ALT,屏蔽右鍵操作

整理了一個操作瀏覽器的JS代碼,方便自己尋找,適合新手學習,同時代碼相容IE和FF等瀏覽器 //Copyright 2012 YundaoInfo www.xmwebs.com //author: badsun //date : 2012-10-02 14:00 document.onkeydown = function (event) { var e = window.event || event; if (e.altKey &&

三種不同位置的JavaScript代碼的寫法

用戶端指令碼JavaScript在寫法上其實有很多種方法,它們的置放位置也非常之多。。下面列舉在三種不同的地方寫JavaScript代碼,實現的效果都是點擊按鈕button彈出alert警告框第一種是最常見的,代碼如下html代碼Code highlighting produced by Actipro CodeHighlighter

三種建立JavaScript對象的方式

JavaScript中對象的建立有以下幾種方式:(1)使用內建對象(2)使用JSON符號(3)自訂物件建構一、使用內建對象      JavaScript可用的內建對象可分為兩種:      1,JavaScript語言原生對象(語言級對象),如String、Object、Function等;      2,JavaScript運行期的宿主對象(環境宿主級對象),如window、document、body等。      我們所說的使用內建對象,是指通過JavaScript語言原生對象的構造方法,

JavaScript中定義function的三種方式

JavaScript中定義function有以下三種方式(1)聲明一個運算式變數,並定義該變數的運算式。如:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var func = function(){      /*body code*/}(2) 定義一個function運算式,並指定該運算式的標識。如:Code highlighting

JavaScript中函數式編程的原理

要瞭解JavaScript中的函數式編程原理,必須理解一下兩個知識點:1,JavaScript中函數、方法的調用在JavaScript中,有兩種調用函數的方式。一般的方式是把參數放在括弧中,另一種方式是同時把函數和參數都放在括弧中。如:CodeCode highlighting produced by Actipro CodeHighlighter

JavaScript 擷取目前時間戳

JavaScript 擷取目前時間戳:第一種方法:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->var timestamp = Date.parse(new Date());結果:1280977330000第二種方法:Code highlighting produced by Actipro CodeHighlighter

14 個經典的javascript代碼

14個經典的Javascript代碼,收藏一起來便於以後查閱和學習,包括常用的:開啟,另存新檔,屬性,列印,版面設定,重新整理,匯入收藏,匯入收藏,加入收藏,整理收藏夾,查看源檔案,語言設定,前進後退等等,這些常用的功能經常用到,非常實用,整理出來便於以後使用■開啟■ <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=開啟> <OBJECT classid=CLSID

深入認識JavaScript中的this指標

  this指標是物件導向程式設計中的一項重要概念,它表示當前啟動並執行對象。在實現對象的方法時,可以使用this指標來獲得該對象自身的引用。   和其他物件導向的語言不同,JavaScript中的this指標是一個動態變數,一個方法內的this指標並不是始終指向定義該方法的對象的,在上一節講函數的apply和call方法時已經有過這樣的例子。為了方便理解,再來看下面的例子: 以下是引用片段: <script language="JavaScript"

JavaScript中對ActiveXObjec的使用

JavaScript中ActiveXObject對象是啟用並返回 Automation 對象的引用。使用方法:newObj = new ActiveXObject( servername.typename[, location])ActiveXObject 對象文法有這些部分:其中newObj是必選項。要賦值為 ActiveXObject 的變數名。 servername是必選項。提供該對象的應用程式的名稱。 typename是必選項。要建立的對象的類型或類。

JavaScript Cookie精通之路

    Cookies,有些人喜歡它們,有些人憎恨它們。但是,很少有人真正知道如何使用它們。現在你可以成為少數人中的成員-可以自傲的Cookie 大師。        如果你象作者一樣記性不好,那麼你可能根本記不住人們的名字。我遇到人時,多半隻是點點頭,問句“吃了嘛!”,而且期望問候到此為止。如果還需要表示些什麼,那麼我就得求助於一些狡猾的技巧,好讓我能想對方是誰。比如胡扯起一些和對方有關的人,不管他們之間關係多遠,只要能避免不記得對方名字的尷尬就好:

DHTML (JavaScript Dom 編程藝術)

 DHTML是""dynamic HTML"(動態HTML)的簡稱.嚴格地說,DHTML並不是一項單一的新技術,而是HTML,CSS和JavaScript這三種技術結合的產物.DHTML背後的含義:           利用HTML把網頁標記為各種元素;           利用CSS設計各種有關元素的排版樣式並確定它們在視窗中的顯示位置;           利用JavaScript即時地操縱和改變各種有關樣式. DOM

《Javascript DOM 編程藝術》

JS中數組的批量填充方式:  1.在聲明時同時進行填充        var beatles = Array("John","Paul","George","Ringo");  2.我們甚至用不著明確地表明我們是在建立數組.事實上,只需用一堆方括弧括起來就足以建立我們想要的數組了:        var beatles = ["John","Paul","George","Ringo"];JS中的關聯陣列:JS中數組下標並不局限於整數.數組下標可以是字串:        var lennon =

總頁數: 3271 1 .... 397 398 399 400 401 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.