可以用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

  在理解範圍鏈的基礎上,注意下面這些點:  1、函數中讀寫局部變數總是最快的,而讀寫全域變數通常是最慢的,請記住,全域變數總是存在與運行期上下文範圍鏈的最末端。    經驗法則:如果某個跨範圍的值在函數中被引用一次以上,那麼就把它存到局部變數裡。  2、動態範圍,只存在於代碼執行過程中,因此無法通過靜態分析檢測出來,會產生靜態範圍的幾個關鍵字:with、try catch、eval,只用確實必要時才推薦使用動態範圍。    try

javascript權威指南 第9章 筆記

1.屬性繼承只在讀取屬性的時候發生,而當寫入屬性的時候不會發生。如果設定了一個對象o的p屬性,而p屬性是o從它的原型繼承而來的,那麼,所發生只不過是直接在o中建立了一個新的p屬性。然而o有了自己的p屬性,它不再從自己的原型中繼承p的值。當讀取p的值的時候,javascript首先查看o的屬性,既然它發現p定義於o中,它就不需要尋找原型對象,也就不會找到定義於原型中的p屬性的值。我們有時候說,o的屬性p“遮蓋”或“隱藏”了原型中的屬性p。2.javascript中支援一種叫做對象的資料類型,但ja

javascript必知必會之prototype

javascript 是一種 prototype based programming 的語言, 而與我們通常的 class based programming 有很大 的區別,我列舉重要的幾點如下:函數是first class object, 也就是說函數與對象具有相同的語言地位沒有類,只有對象函數也是一種對象,所謂的函數對象對象是按 引用 來傳遞的 那麼這種 prototype based programming 的語言如何?繼承呢(OO的一大基本要素),

javascript必知必會之closure

什麼是closure 一種定義是:A "closure" is an expression (typically a function) that can have free variables together with an environment that binds those variables (that "closes" the expression).我的理解是: closure 是一個運算式(通常是一個函數), 這個運算式與一個 環境 共用著一些自由變數,

發布一款JavaScript焦點圖組件

【導讀】焦點圖在網站中應用並不少見。該焦點圖將js控置邏輯與UI部份分離,有興趣的朋友可以試試.【樣本1】 1 2 3 4 5 【樣本2】圖片1... 圖片2... 圖片3... 圖片4... 圖片5... 【樣本3】 【說明】   樣本1與樣本2為同一組件(animation1.js),樣本3的切換模示與之前不同,因此在之前的基礎上修改為animation2.js.兩圖均支援自動切換模式.【參數說明】  公用部份:   scrollcontrol:滾動的容器(元素id) .  

JavaScript在IE和Firefox下的相容性問題

(一) 問題1:擷取一個元素對象的引用,在IE下,可直接使用該元素對象的id名;而在FireFox下,只能使用getElementById(idName)方法。 解決方案:統一用getElementById(idName)。  問題2:擷取表單元素的引用,在IE下,可通過form.item('username')這種形式;而在FireFox下,只能通過form.elements['username']。(註:var form = document.getElementById("form");)

Javascript函數?

C#中如何調用Javascript函數?在.cs頁面中使用javascript函數,例子     string   indexpage="XXX.aspx";     Response.Write("<script>");     Response.Write("parent.frames[1].location.href='indexpage'");           Response.Write("</script>");     伺服器端呼叫指令碼函數    

javascript頁面間傳值

javascript頁面間傳值    [轉貼 2006-05-12 12:59:49 | 發表者: wrfwjn]   這兩視窗之間存在著關係.父視窗parent.htm開啟子視窗son.htm子視窗可以通過window.opener指向父視窗.這樣可以訪問父視窗的對象.優點:取值方便.只要window.opener指向父視窗,就可以訪問所有對象.       不僅可以訪問值,還可以訪問父視窗的方法.值長度無限制.缺點:兩視窗要存在著關係.就是利用window.open開啟的視窗.不能跨域.  

如何用Javascript獲得TextArea中的游標位置

寫一個線上編輯器,UBB版的,由於沒有使用快顯視窗,所以,在添加代碼的時候,只能添在TextArea的最後面,無法在游標之前插入,於是在網上瘋狂的找資料,工夫不負有心人,終於被我找到了如何獲得TextArea中的位置,但是如果TextArea中有很多內容的時候,會顯得很閃爍。其代碼如下。          function getPos(obj)      {      obj.focus();      var workRange=document.selection.createRange(

this” JavaScript

this是JavaScript中功能最強大的關鍵字之一。不幸的是,如果你不知道它具體怎麼工作,你將很難正確使用它。    下面我來闡述如何在事件處理中來使用this,之後我會附加一些this相關的例子。    Owner      接下來文章中我們將要討論的問題是:在函數doSomething()中this所指的是什嗎?  function doSomething() {  this.style.color = '#cc0000';}   

滑鼠移動到圖片顯示大圖的javascript代碼

<script type=”text/javascript”>function showPic(sUrl,evt){var x,y;x = evt.clientX;y = evt.clientY;document.getElementById(”Layer1″).style.left = x;document.getElementById(”Layer1″).style.top = y;document.getElementById(”Layer1″).innerHTML =

連續滾動javascript(js)代碼

向上滾動<div id=”marquees”><a href=”#”>連結一</a><br><br><a href=”#”>連結二</a><br><br><a href=”#”>連結三</a><br><br><a href=”#”>連結四</a><br></div><script

javascript中五種方式實現方法的定義

首先我們假設我們需要一個say方法用來說一句話,一個walk方法用來表示走了一步,那麼下面讓我們用五種方式實現這兩個方法的定義。 1.function say(){alert("hello world");}function walk(){alert("walk")}2.var Person=function(){};Person.propotyoe,say=function(){alert("hello

分享javascript中方便增刪改cookie的一個類

在學校失業一個半月了,還沒找到實習,悲劇,蛋疼,把jquery.cookie.js改了一下,改成了純javascript版本,以備我以後項目只需,增加了一個得到頁面全部cookie索引值的功能。主要是通過對document.cookie字串的分析來進行功能的組裝的。溫習一下javascript中對cookie的操作:增加cookie可以用document.cookie="userId=111";來實現完整版可以用:document.cookie="userId=111;domain=.googl

JavaScriptRegex用法匯總

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

Javascript 垃圾收集機制

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

ppk談javascript–第二章–大背景

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

JavaScript 的多語言版本實現

        項目開發完畢,需要製作一個光碟片封面,用於導航,還是多語言的,由於要導航.net FrameWork 所以只有用JavaScript 開發一個介面,代碼如下:        <HTA:APPLICATION ID="xxx系統" APPLICATIONNAME="Product" ICON="images/xxx.ico" BORDER="thin" scrollFlat = "no" innerBorder ="no" borderStyle =

總頁數: 3271 1 .... 1618 1619 1620 1621 1622 .... 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.