Ourmessage的個(gè)人空間

BlogJava

首頁(yè)

新隨筆

聯(lián)系

聚合

管理

13 Posts :: 0 Stories :: 16 Comments :: 0 Trackbacks

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

文章分類

Java3D

搜索

閱讀排行榜

評(píng)論排行榜

GreyBox_v5_5（Js組件初探）

我的JavaScript學(xué)的很差，搞Ajax的東東搞不出來(lái)，沒(méi)辦法只有用別人的組件羅，GreyBox是我在www.open-open.com上面看到的一個(gè)組件，它運(yùn)行以后可以產(chǎn)生還不錯(cuò)的界面。

效果看上去還不錯(cuò)吧！這只是其中一個(gè)演示，還有很多。
那么現(xiàn)在就分享一下自己的經(jīng)驗(yàn)：
1.進(jìn)入GreyBox的網(wǎng)站（英文的）：
http://orangoo.com/labs/GreyBox/
然后下載GreyBox
2.解壓
先把這些包下的文件全部拷過(guò)來(lái)。

3.新建一個(gè)html頁(yè)面，叫index.html
以下為代碼：

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

3

<html>
4

<head>
5

<title>ddd</title>
6

var GB_ROOT_DIR = "./greybox/";
8

</script>
9

14

</head>
15

16

17

<body>
18

19

20

<h4>Example rendered:</h4>
21

<a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">Salt flats</a>
22

<a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">Night valley</a>
23

</body>
24

</html>

那個(gè)var GB_ROOT_DIR="./greybox/";這個(gè)是指向你本機(jī)的greybox的相對(duì)目錄。
接下來(lái)還有三個(gè)JavaScript文件和一個(gè)CSS，它是要用的要加進(jìn)來(lái)。
第21行到22行，這兩句是用來(lái)加入兩張圖片，以便切換，這樣你就可以看到開(kāi)始的那個(gè)Ajax的效果了。
不過(guò)使用這個(gè)的時(shí)候要注意第一行的代碼不要忘記寫。如果那樣你就會(huì)發(fā)現(xiàn)窗體不會(huì)以符合你瀏覽器的大小來(lái)顯示了。

<a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">Salt flats</a>

href=""里面寫的是你圖片的路徑，當(dāng)然可以是網(wǎng)上的圖片。rel是調(diào)用Js里面的方法（這個(gè)在它的官網(wǎng)上寫的很詳細(xì)的）title是顯示在框架上的標(biāo)題，A標(biāo)簽里面的內(nèi)容就不用說(shuō)了，它指的是標(biāo)題。
如果還想用其它的效果，可以點(diǎn)Documentation進(jìn)去看看，而且還有很詳細(xì)的例子和語(yǔ)法范例，很簡(jiǎn)單的，相信一看就會(huì)明白。

另一個(gè)效果：

posted on 2007-07-09 00:02 夜一閱讀(2330) 評(píng)論(4) 編輯收藏所屬分類: Java組件使用

Feedback

# re: GreyBox_v5_5（Java開(kāi)源組件初探） 2007-07-09 09:12 Jarod

暈，這還叫“Java開(kāi)源組件”。。。回復(fù) 更多評(píng)論

# re: GreyBox_v5_5（Java開(kāi)源組件初探） 2007-07-09 16:15 夜一

恩，謝謝！不好意思，我馬上把名字改掉！
謝謝你的幫助啊！回復(fù) 更多評(píng)論

# re: GreyBox_v5_5（Js組件初探）[未登錄](méi) 2007-11-09 18:18 aaa

試過(guò)打開(kāi)的頁(yè)面與父頁(yè)面進(jìn)行交互嗎？wyongzhi#gmail.com 回復(fù) 更多評(píng)論

# re: GreyBox_v5_5（Js組件初探） 2007-11-11 15:14 夜一

@aaa
沒(méi)有試過(guò)! 回復(fù) 更多評(píng)論

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理
相關(guān)文章: ＪＳ獲得鼠標(biāo)位置（已經(jīng)解決不同瀏覽器問(wèn)題） GreyBox_v5_5（Js組件初探）