學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

文件主題/連結

文件說明

鏈結圖片切換 這個範例是本學園1999年版的網頁鏈結特效!也是網友詢問的特效之一,就是把滑鼠移至鏈結圖片或鏈結文字上會自動切換圖片耶,夠酷了吧!
簡易月曆 這個簡易月曆的範例,加上你個人的創意應該可以將它改變為站務的報告或提示,當然範例中的表格並不夠漂亮!你若對網頁編輯有些許了解,把它變的可愛一點吧! ?
隨機背景底圖 所謂隨機背景就是亂數選取目前瀏覽者所瀏覽的網頁底圖圖樣,運用本技巧可以使瀏覽者保持新鮮感,尤其是對於無法經常更新網站的網主更是一大助益!
蹦出式廣告視窗 這個範例是應網友要求編寫的喔,這個就是所謂的廣告視窗,當你進入網頁瀏覽時就會自動蹦出一個廣告視窗!是非常方便沒錯,可是千萬不要使用過度!會讓瀏覽者反感的呦!  
觸控式背景色轉換 讓瀏覽者自己決定瀏覽網頁的背景底色這是一個很貼新的設計呦!這個特效並不需要瀏覽者按滑鼠按鈕來決定那麼麻煩,我們可以設一個簡易的表格,裡面放一些顏色圖檔,當滑鼠移至顏色圖片上就自動更換網頁的背景色喔!
游標跑馬燈 狀態列的跑馬燈不夠嗆!追著游標跑的幻彩文字才夠辣啦!注意喔!在I E 中才看得到幻彩文字呦,在 NetScape 中就只能看到單色文字哦!
鏈結說明跑馬燈 單純的在狀態列顯示鏈結說明不稀奇!把狀態列的顯示鏈結說明作成跑馬燈才有意思!低頭看狀態列!是不是有歡迎光臨的字樣在跑?移動您的滑鼠到下列的兩個鏈結網址,再次低頭看看狀態列,如何?酷呆了吧!
文字鏈結提示說明 大家大概都知道圖片不管是否有建立鏈結都可以標記來秀出圖片說明,但是如果是純文字的鏈結呢?當然也可以!移動您的滑鼠到下列的兩個鏈結網址,是不是修出提示說明了呢?炫吧!
四處移動的圖片 大家有沒有注意到這個網頁中有一張圖片不安分的四處游走呢?很有趣呦!趕快把這個技巧帶回你的網頁吧!保證為你首頁增色不少!
圖片式進站時間 大家在各網站穿梭瀏覽的時候,有沒有注意到人家的網頁中會顯示你進站瀏覽的時間?下面標示的時間就是你開始觀賞本網頁的時間,如果只是顯示文字太沒趣了!趕快把這個利用圖片顯示觀賞者進站時間的技巧帶回你的網頁吧!
簡易線上占卜 有沒有試過網路占卜呢?也就是所謂的抽電子籤,注意到下方有一個[試試今天運氣]的按鈕了吧!趕快輕輕按一下試試看你今天的運氣如何,其實這只是給網友們消遣娛樂的,準不準就看網友們自己的感覺了。
文字拉把遊戲 有很多網站都有舉辦贈獎活動,記得前不久就有一家很大的ISP入門網站舉辦了一個[拉把],也就是[吃角子老虎]的贈獎活動!下面表格就是一個簡單的JAVA文字式拉把遊戲,趕快按一下開始按鈕先試試看你的手氣如何。
圖片拉把遊戲 玩文字式的[吃角子老虎]好像不太過癮喔,現在換個花樣吧!來玩玩[圖片]式的[吃角子老虎]遊戲吧!下面表格就是一個圖形式的JAVA拉把遊戲,趕快按一下開始按鈕來試試你的手氣吧。
定時更換圖片(1) 如果您的網頁中有很多交換連結或有很多廣告BANNER要放置,這個小小的JAVAScript應該可以幫你個小忙!這個小程式不但會定時更換圖片,同時也會更新圖片的超鏈結,所以你在設定圖片的鏈結網址時要特別小心!不要把鏈結網址弄錯了。
定時更換圖片(2) 這個定時動態更換廣告圖片的JAVAScript最適合初入們的網友!雖然廣告圖片可以自行指定,但同時也會使執行的效率降低,如果圖片多的時候就要一個個的指定出來!同時,網頁的體積也就要跟著變大了。
項目導覽說明 文字鏈結是最方便的超鏈結方式,但有時候為了整體網頁的配置而無法的完整表示鏈結的目的地,這個時候我們可以設定一個表單文字欄位來作詳細的說明!將滑鼠移到下方的超鏈結,可以發現其下方的表單文字欄位也會同時出現捲動的詳細說明文字。
上下震動與捲動頁面 這個範例是作為進站畫面的最佳效果!進站時先來個震動畫面,很特別吧!接著再來一個網頁自動瀏覽,參觀者不必自己動手拉捲動軸,網頁自己捲動,夠體貼了吧!
飛行定位文字 當你進入本網頁時,相信你將會看到兩組由上而下及由下而上的〔飛行定位文字〕,沒錯!本範例就是要示範與告訴你如何做出這種效果!
旋轉飛行文字 當你進入本網頁時,你將會看見像蒼蠅一樣繞著圓圈飛的文字!這就是〔旋轉飛行文字〕的特效,這也是一個非常好的進站畫面特效!本範例就是要示範與告訴你如何做出這種效果!
幻化隱現文字 本範例的文字特效主要是來引起瀏覽者的注意!通常用於網站之進站畫面特效,當然也可以是網站名稱或是網站單元項目的特效!
漫天飛舞 進入本教學網頁中你將會看見四處游移飛舞的蝴蝶!很美呦!這個特效很適合放在個人自我介紹的網頁中,當然,放在其他主題網頁中也可以喔!
落葉片片 看見樹頁一片片的掉落是不是很羅曼蒂克?很美喔!趕快把這個特效帶回去吧,不過,很可惜本例只能用於Netscape瀏覽器,如果你使用IE瀏覽器來來觀賞是看不到任何效果的喔!
浮動鏈結選單 在進入範例網頁後,請先將你的滑鼠指標移至本範例網頁右方的垂直捲動軸上移動一下位置,有沒有看到一個黃色表格隨著頁面移動呢?好像常在某家提供免費空間的公司網頁看到吧,不過這個表格可是超鏈結的選單喔!  
側拉式鏈結選單 在進入範例網頁後,請先將你的滑鼠指標移至網頁左方的〔側拉式鏈結選單〕的圖片上,是不是會向右拉出一個選單呢?它的好處就是當你有很多鏈結時可以做一個整體的配置,以免你的網頁看起來非常凌亂!而且很炫對吧!  
友站連結/快速選單 這個範例雖然是以友站連結作為示範,但是它的用途其實很多,你也可以將它改成〔網站地圖〕也就是網站各單元的快速選取,或是檔案下載的快速選單!運用你的創意修改成合適你的樣式吧!  
JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為