http://www.hsiu28.net/ OECSPACE網站製作相關教學 css, xhtml, html, cgi, javascript, flash Sat, 27 Aug 2005 07:10:31 +0800 Copyright(c) 2001-2006 OECSPACE 125 20 http://www.hsiu28.net/ http://www.hsiu28.net/pr/logo-5.gif http://www.hsiu28.net/main/peruse.php?id=20 ThickBox 3.1ThickBox 是 Cody Lindley 使用超輕量級的 jQuery 所開發,
ThickBox是多功能性的,它提供有對於圖像、內置框架、內嵌內容、AJAX內容 等變化,在點擊連結後能在網頁形成美觀的透明層展示,在改變瀏覽器大小或捲動捲軸時都能保持居中.

• 對於圖像能用單一或多張的方式來展示,並能重新調整大於瀏覽器的圖檔
• 能夠在透明層中開啟內置框架預覽網頁
• 開啟顯示網頁中指定的區塊內容
• AJAX Content 載入網頁內容

• JavaScript 範例程式-ThickBox 3.1
• JavaScript 範例程式-捲動變色連結文字
• JavaScript 實用技巧-Google Code美化程式碼
• JavaScript 實用技巧-刪除連結虛線框
• Css style Teaching-IE濾鏡-使用css刪除連結虛線框

]]> Sun, 07 Oct 2007 22:31:20 +0800 http://www.hsiu28.net/main/peruse.php?id=20 http://www.hsiu28.net/main/peruse.php?id=19

JavaScript實用技巧-檢查表單輸入字元長度

JavaScript 範例程式-開關效果運用

JavaScript 範例程式-mootools 滑動式書籤

Css style Teaching-css技術運用-滑鼠移到圖片上有放大的效果

Css style Teaching-css技術運用-將CSS樣式寫為JS格式的用法

休息半年之後,教學終於寫出來了,
很感謝這段日子沒有人給我壓力,除了休息也充了電... ]]> Mon, 09 July 2007 23:10:05 +0800 http://www.hsiu28.net/main/peruse.php?id=19 http://www.hsiu28.net/main/peruse.php?id=18

JavaScript實用技術-解決_blank開新視窗不符合標準

JavaScript 範例程式-連結文字閃動漸層變色

JavaScript 範例程式-指定區塊隨機顯示不同背景色

JavaScript 範例程式-內置框架也能使用Lightbox JS 2.02

Css style Teaching-css技術運用-實利用隱藏層製作說明效果

Css style Teaching-IE專用樣式-限制表單無法切換輸入法

打造W3C XHTML 1.0標準的網站 ; iWater音樂播放器 有做部分更新。
Splinks 架設教學更詳細解說獲取空間主機絕對路徑的方式。 ]]> Tue, 12 Dec 2006 22:50:10 +0800 http://www.hsiu28.net/main/peruse.php?id=18 http://www.hsiu28.net/main/peruse.php?id=17

z-index圖層順序運用

製作排列整齊的圖檔展示

CSS製作連結指標技巧

處理文本溢出區塊大小的文字

防止英文單字被截斷

Spmail遇到一些問題,短時間內暫時不會開放下載。 ]]> Fri, 24 Nov 2006 20:26:00 +0800 http://www.hsiu28.net/main/peruse.php?id=17 http://www.hsiu28.net/main/peruse.php?id=16 下載前請先閱讀版權 & 使用規則,架設前請先看教學,勿依照APESKIN方式修改。
製作5款連結版與2款下載版SKIN提供下載。
另外正在籌備Spmail線上發信程式,僅供預覽不提供線上發信。 ]]> Sat, 20 Oct 2006 21:54:00 +0800 http://www.hsiu28.net/main/peruse.php?id=16 http://www.hsiu28.net/main/peruse.php?id=15 預覽Splink程式 』 ]]> Fri, 29 Sep 2006 19:40:30 +0800 http://www.hsiu28.net/main/peruse.php?id=15 http://www.hsiu28.net/main/peruse.php?id=14 Fri, 14 July 2006 00:07:58 +0800 http://www.hsiu28.net/main/peruse.php?id=14 http://www.hsiu28.net/main/peruse.php?id=13 另一組表情圖是目前留言板上使用的,結合四種顏色. ]]> Sat, 17 June 2006 00:10:36 +0800 http://www.hsiu28.net/main/peruse.php?id=13 http://www.hsiu28.net/main/peruse.php?id=12 新增教學:
‧利用項目符號製作連結按鈕圖片變換
‧Lightbox JS 2.02透明浮動層圖片預覽 ]]> Sat, 20 May 2006 00:03:15 +0800 http://www.hsiu28.net/main/peruse.php?id=12 http://www.hsiu28.net/main/peruse.php?id=11 新增9款圖片撥放器,使用上有問題請先查閱檔案內的Read me.txt或瀏覽完整素材說明 ]]> Sun, 23 Apr 2006 23:20:10 +0800 http://www.hsiu28.net/main/peruse.php?id=11 http://www.hsiu28.net/main/peruse.php?id=10
想製作多種樣式後再開放下載,先擺上來展示看看.最近有計畫要全面更新Flash素材單元,不過因為flash製作過程需要多點時間,應該也沒辦法很快開放.
先將計畫寫下來,才不會半途而廢或產生惰性 ]]> Mon, 17 Apr 2006 20:33:40 +0800 http://www.hsiu28.net/main/peruse.php?id=10 http://www.hsiu28.net/main/peruse.php?id=9 Wed, 08 Mar 2006 23:45:00 +0800 http://www.hsiu28.net/main/peruse.php?id=9 http://www.hsiu28.net/main/peruse.php?id=8 至於只適用IE的範例,就不會在更新於網站中,但還是會繼續提供查詢
‧虛擬頁數切換捲動
‧Y軸流動內置框架網頁內容
‧圖片即時預覽視窗移動與關閉
‧縮圖跳視窗展示原始圖片 ]]> Sun, 05 Mar 2006 19:15:00 +0800 http://www.hsiu28.net/main/peruse.php?id=8 http://www.hsiu28.net/main/peruse.php?id=7 感謝以下網站的幫助:
‧SR資源館
‧心情發酵
‧Apeskin 製作技術交流社區
‧snow*stop - 簡體版本 ]]> Sun, 05 Mar 2006 19:05:00 +0800 http://www.hsiu28.net/main/peruse.php?id=7 http://www.hsiu28.net/main/peruse.php?id=6 授權下載我的skin和中文化主程式.
放棄是因為我不會再繼續設計新的skin,這麼多年了也該告一個段落吧!
徵求網站資格如下: ]]> Sun, 26 Feb 2006 08:30:00 +0800 http://www.hsiu28.net/main/peruse.php?id=6 http://www.hsiu28.net/main/peruse.php?id=5 依然採用密碼下載,與之前密碼相同並沒有變更,
若還記得密碼的使用者就不需要在註冊
增加站長信箱,用於重要事件通知,網頁製作相關問題請在討論區發表 ]]> Sat, 31 Dec 2005 21:10:15 +0800 http://www.hsiu28.net/main/peruse.php?id=5 http://www.hsiu28.net/main/peruse.php?id=4 Css style Teaching-css其他運用-實現 Mozilla/NS6+ 瀏覽器透明濾鏡
Css style Teaching-css其他運用-利用項目符號標籤製作選單技巧
Css style Teaching-css基本樣式-相對位置2 ]]> Mon, 26 Sep 2005 20:30:10 +0800 http://www.hsiu28.net/main/peruse.php?id=4 http://www.hsiu28.net/main/peruse.php?id=3 Css style Teaching-css技術運用-連結樣式-用一張圖做連結圖檔變換
Css style Teaching-IE專用樣式- IE 製作文字左右對齊 ]]> Sun, 11 Sep 2005 22:01:25 +0800 http://www.hsiu28.net/main/peruse.php?id=3 http://www.hsiu28.net/main/peruse.php?id=2 目標 : 網站能夠相容任何瀏覽器,甚至在沒有CSS時都能正常顯示文字內容
標準 : 全站 XHTML 1.0 和 CSS 都能符合W3C標準規格 ]]> Sat, 27 Aug 2005 07:10:31 +0800 http://www.hsiu28.net/main/peruse.php?id=2