用這個代碼你可以自由定制自己的DIV,不再是方形了.完全可以實現(xiàn)圓形個性DIV
用法說明:
以下說明將以一個半徑為20像素圓角的DIV為例.
實現(xiàn)div圓角的JavaScript代碼.rar
解壓您下載的文件, 上傳到您的站點。然后復(fù)制代碼如下和黏貼它入您的網(wǎng)頁的頂頭部分。如果您保存了文件到該網(wǎng)頁目錄外
的任何地方, 修正代碼中的src值.
===代碼:
< script type="text/javascript" src="rounded_corners.js"></script >
——————————B
然后創(chuàng)造一個div。如果您已有div使用圓角,只要給這個div一個id就可以.
===代碼:
< div id="mydiv"></div >
——————————C
最后我們需要添加一段javascript來預(yù)載。在您的網(wǎng)頁的頂頭部分增加以下代碼:
|
以下是引用片段： <script type="text/javascript"> window.onload = function() var PObj = document.getElementById("mydiv"); var cornersObj = new curvyCorners(settings, divObj); </script> |
======== 其中,radius表示半徑,數(shù)值越大,圓角就越大.
————————————D
現(xiàn)在可以運行了.呵呵
———————————–PS:
*********如果你想搞成奇形怪狀的圓角,你可以設(shè)置每個角都不同的半徑.
例如:
|
以下是引用片段： settings = { tl: { radius: 20 }, tr: { radius: 40 }, bl: { radius: 60 }, br: { radius: 80 }, antiAlias: true, autoPad: false } 或者: settings = { tl: { radius: 20 }, tr: false, bl: false, br: { radius: 80 }, antiAlias: true, autoPad: false } |
提示: tl-左上角 tr=右上角 bl=左下角 br=右下角
]]>Ajax的定義
Ajax不是一個技術(shù)，它實際上是幾種技術(shù)，每種技術(shù)都有其獨特這處，合在一起就成了一個功能強大的新技術(shù)。Ajax包括:
XHTML和CSS
使用文檔對象模型(Document Object Model)作動態(tài)顯示和交互
使用XML和XSLT做數(shù)據(jù)交互和操作
使用XMLHttpRequest進行異步數(shù)據(jù)接收
使用JavaScript將它們綁定在一起
傳統(tǒng)的web應(yīng)用模型工作起來就象這樣:大部分界面上的用戶動作觸發(fā)一個連接到Web服務(wù)器的HTTP請求。
服務(wù)器完成一些處理—接收數(shù)據(jù)，處理計算，再訪問其它的數(shù)據(jù)庫系統(tǒng)，最后返回一個HTML頁面到客戶端。這是一個老套的模式，自采用超文本作為web使用以來，一直都這樣用, 但看過《The Elements of User Experience》的讀者一定知道，是什么限制了Web界面沒有桌面軟件那么好用。
圖1: 傳統(tǒng)Web應(yīng)用模型(左)與Ajax模型的比較(右).
這種舊的途徑讓我們認識到了許多技術(shù)，但它不會產(chǎn)生很好的用戶體驗。當服務(wù)器正在處理自己的事情的時候，用戶在做什么?沒錯，等待。每一個動作，用戶都要等待。
很明顯，如果我們按桌面程序的思維設(shè)計Web應(yīng)用，我們不愿意讓用戶總是等待。當界面加載后，為什么還要讓用戶每次再花一半的時間從服務(wù)取數(shù)據(jù)?實際上，為什么老是讓用戶看到程序去服務(wù)器取數(shù)據(jù)呢?
Ajax如何不同凡響
通過在用戶和服務(wù)器之間引入一個Ajax引擎，可以消除Web的開始-停止-開始-停止這樣的交互過程. 它就像增加了一層機制到程序中，使它響應(yīng)更靈敏，而它的確做到了這一點。
不像加載一個頁面一樣，在會話的開始，瀏覽器加載了一個Ajax引擎—采用JavaScript編寫并且通常在一個隱藏frame中。這個引擎負責繪制用戶界面以及與服務(wù)器端通訊。Ajax引擎允許用異步的方式實現(xiàn)用戶與程序的交互–不用等待服務(wù)器的通訊。所以用戶再不不用打開一個空白窗口，看到等待光標不斷的轉(zhuǎn)，等待服務(wù)器完成后再響應(yīng)。
圖 2: 傳統(tǒng)Web應(yīng)用的同步交互過程(上)和Ajax應(yīng)用的異步交互過程的比較(下).
通常要產(chǎn)生一個HTTP請求的用戶動作現(xiàn)在通過JavaScript調(diào)用Ajax引擎來代替. 任何用戶動作的響應(yīng)不再要求直接傳到服務(wù)器—例如簡單的數(shù)據(jù)校驗，內(nèi)存中的數(shù)據(jù)編輯，甚至一些頁面導(dǎo)航—引擎自己就可以處理它. 如果引擎需要從服務(wù)器取數(shù)據(jù)來響應(yīng)用戶動作—假設(shè)它提交需要處理的數(shù)據(jù)，載入另外的界面代碼，或者接收新的數(shù)據(jù)—引擎讓這些工作異步進行，通常使用XML, 不用再擔誤用戶界面的交互。
]]>