可以用javascript實現的10種圖片特效

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

關於 javascript urchinTracker()

GATC最重要的一部分是一個叫做urchinTracker()的JAVA指令碼功能。這個功能被用來收集訪問者資料,將資料儲存在cookies裡面還有就是將資料發送到Google analytics伺服器裡。UrchinTracker是這樣出現在GATC中的: <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script

javascript關於物件導向的總結

對於javascript大家大部分時間用來做效果,但卻忽視了最基礎的東西,當大家把javascript基本功學紮實了,我認為對以後寫出漂亮的js代碼有很大的協助,今天就總結下我對javascript關於物件導向方面的理解首先總結一下javascript中的"類",第一種算是比較靈活的方式了,成為工廠定義方式var obj=new Object;obj.color='red';obj.dodo=function(){...};為什麼說它靈活,就是因為它可以在執行個體化對象後,可以對該對象增加屬性,

js 限制文本只能輸入數字

function limitNumber(event)        {            var keyCode = event.keyCode | event.charCode;            if (!((keyCode > 47 && keyCode < 58)                || (keyCode > 95 && keyCode < 106)                || keyCode == 1

用JAVASCRIPT來重新整理架構子頁面的七種方法。

下面以三個頁面分別命名為framedemo.html,top.html,button.html為例來具體說明如何做。其中framedemo.html由上下兩個頁面組成,代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> frameDemo </TITLE></HEAD><frameset rows=

JavaScript簡史

     要想全面理解和掌握javascript,關鍵在於弄清楚它的本質、曆史和局限性。javascript簡史: 1992年 Nombas公司(後來被Openwava收購)開發了一種嵌入式指令碼語言,命名為C-minus-minus(Cmm)                        設計思想:1、要足夠強大、可以取代宏。                                      2、要與C(C++)非常相似,以便開發人員能夠迅速的掌握它。                 

Javascript 的詞法範圍、調用對象和閉包

http://blog.belltoy.net/javascript_scope_call_object_closure.html昨天又有人問我 Javascript 閉包到底是什麼,我發現三言兩語無法解釋清楚,乾脆就寫出來吧。其實關於 Javascript 的函數範圍、調用對象和閉包之間的關係很微妙,關於它們的文章已經有很多,但不知道為什麼很多新手都難以理解。我就嘗試用比較通俗的語言來表達我自己的理解吧。範圍 ScopeJavascript

Javascript相容IE和Firefox瀏覽器技巧

以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox1. document.form.item 問題    (1)現有問題:        現有代碼中存在許多 document.formName.item("itemName") 這樣的語句,不能在 MF 下運行    (2)解決方案:        改用 document.formName.elements["elementName"]    (3)其它        參見 22.

event.keycode大全(javascript)

使用event對象的keyCode屬性判斷輸入的索引值eg:if(event.keyCode==13)alert(“enter!”);索引值對應表A  0X65  U   0X85B  0X66  V   0X86C  0X67  W   0X87D  0X68  X   0X88E  0X69  Y   0X89F  0X70  Z   0X90G  0X71  0   0X48H  0X72  1   0X49I  0X73  2   0X50J  0X74  3   0X51K  0X75

JavaScriptRegex用法匯總

JavaScriptRegex的用法Regex是一種可以用於模式比對和替換的強大工具,在很多語言中都可以應用。JavaScript對Regex提供了很好的支援, Javascript中有一個Regex對象RegExp。該對象提供了大量的屬性和方法來處理Regex,同時,String對象也提供了相關的方法來處理Regex,在Web應用中,經常使用Regex來驗證使用者輸入的資訊,例如在使用者註冊過程中,驗證輸入的Email地址是否合法。以下我們就介紹一下Regex的基本用法。

js 特殊值文字框輸入驗證

<!--僅允許輸入數值--><public:attach event="onpaste" onevent="checkPaste()" /><public:attach event="onkeypress" onevent="checkInput()" /><public:attach event="onfocus" onevent="getFocus()" /><public:attach event="onblur" onevent="l

過濾字串中的HTML及JAVASCRIPT

#region 過濾HTML及JAVASCRIPT        public static string checkStr(string html) {            System.Text.RegularExpressions.Regex regex1 = new System.Text.RegularExpressions.Regex(@"<script[\s\S]+</script *>", System.Text.RegularExpressions.Rege

Javascript 數值轉換成金錢格式

function changePrice2money(s)                    {                        if (/[^0-9]/.test(s)) return "invalid value";                        //            s = s.replace(/^(\d*)$/, "$1.");                                    //            s = (s + "0

JavaScript 強行快顯視窗 與 無提示關閉頁面

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><script type="text/javascript">/**//** * 定義ForceWindow類建構函式 * 無參數 * 無傳回值 */

首頁頭部下拉廣告設計(javascript)

加在Head中<script type="text/javascript" language="javascript">var intervalId = null;function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){this.stayTime=nStayTime*1000 || 3000;this.maxHeigth=nMaxHth || 330; //廣告最大高度this.minHeigth=nMinHth || 1;this

在javascript庫中整合Sizzle(Sizzle引擎的使用)

一個好的js lib裡面,強大的DOM樹解析功能已經是不可或缺的了。JQuery的符合Css2的元素選取器已經獨立出來,稱為Sizzle (http://sizzlejs.com/).將Sizzle整合到我們自己的類庫中很方便, 主要的API之一就是Sizzle(selector, ctx)selector是符合Css規範的選取器字串,如#id, .class等, ctx可以為空白,如果傳入某個DOM元素,那麼會在這個元素的子節點裡面搜尋。傳回值是一個DOM

Javascript 垃圾收集機制

  經常使用 Javascript 的人會琢磨其垃圾收集機制,Javascript 並不像 C,C++ 那樣需要開發人員手動去清除垃圾,在編寫 Javascript 程式是,開發人員無需關心記憶體使用量問題,所需記憶體配置以及無用記憶體(垃圾)的回收完全實現了自動管理。究其根源,主要是程式收集那些不再使用的變數,並且釋放其佔用的記憶體。因此,垃圾收集機制會按照固定時間間隔,周期性反覆的執行這一操作。

javascript事件代理—人人網前端筆試題

什麼是事件代理?解釋下意義和原理       JavaScript使用事件代理 JavaScript事件是所有網頁互動性的根基(我指的是真正的互動性,而不僅是那些CSS的下拉式功能表)。     在傳統的事件處理中,你按照需要為每一個元素添加或者是刪除事件處理器。然而,事件處理器將有可能導致記憶體泄露或者是效能下降——你用得越多這種風險就越大。     JavaScript事件代理則是一種簡單的技巧,通過它你可以把事件處理器添加到一個父級元素上,這樣就避免了把事件處理器添加到多個子級元素上。  

ppk談javascript–第一章–目標

    不知道ppk的網站QuirksMode,說明你可能還沒有真正成為資深的JavaScript程式員。多年來,ppk的不懈努力,協助了全世界無數Web開發人員。如今,他把自己深厚功力和精湛技藝濃縮在一本書中,強烈推薦。     ----瑞典資深web專家        我決定拿起這本書,在我的前端開發道路中,繼續前進。    JavaScript的目標是給Web頁面增加一個額外的可用性層,JavaScirpt是一個用戶端的程式設計語言。 胖與瘦    

ppk談javascript–第二章–大背景

無入侵指令碼編程(unobtrusive scripting)    一個無入侵的指令碼應該包括如下的所有特徵: 

總頁數: 3271 1 .... 430 431 432 433 434 .... 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.