製作 sliding tabs 滑動頁籤功能─網頁研習室【網頁製作系列報導】─智邦公益電子報
enews.url.com.tw · August 18,2016伍、MooTools 插件程式:
這裡用到 mootools.v1.11.js 及 sliding-tabs.js,這兩個 JavasCript MooTools 插件程式。
詳細內容介紹: GO
陸、模組範例:
套用上述幾個製作要領,完成四款不同完整模組範例給你參考與套用。
套用上述製作要領完成實際範例: GO
四款不同 Sliding Tabs 模組範例: GO
貳、認識 MooTools:
我幫大家蒐集幾個不錯的 MooTools 教學與相關網站,值得初學者參考看看。
前往瞭解: GO
參、HTML 架構:
這是所有網頁都要有的基本架構,此處的標準驗證 DOCTYPE 宣告,必需使用 html 4.01 Strict DTD。
xml:lang 使用 "zh-TW"、lang 使用 "zh-TW",其他照一般規定即可。
詳細內容介紹: GO
肆、CSS 樣式表單:
定義選項內的樣式、內寬度、內部連結等功能。
詳細內容介紹: GO
壹、報導前言:
slide 是指幻燈片,sliding 可翻譯為滑動,此處是指切換或移動頁面內容時,產生類似滑動的效果。
Window Tabs,可翻譯為工作視窗分頁標籤,也就是在同一頁(檔名)下,產生類似被分頁過的翻頁效果。
近年來得益於 Mootools 開發一些專業的高質量應用程式介面(API),大大地提升網站多樣化的特殊效果。
學習 Mootools 插件套用,除了必須具備 JavaScript 程式語言基礎外,你還是要懂得 HTML、CSS 等知識。
特別藉這個展示範例機會,發表一篇慶祝本報成立十周年,特別為會員們成立專屬會員下載網站之事 Go 。
本報導希望藉此帶領對此有興趣網友,認識及運用 Mootools 的相關應用程式介面(API),提升網站水準。
聲明:本報導引用部份技術或觀念,係取自網路分享資源,其版權與著作權均為當事者所有,特此感謝與聲明。
柒、相關展示:
這是我再網路上蒐集到有關 Sliding Tabs 相關範例網站,特別一併介紹給大家參考。
Sliding Tabs 相關範例展示: GO
捌、會員網站:
為提供已加入本站教學或教材會員,不必終斷與等待後續報導學習,網頁研習室特別成立會員專屬下載網站。
網頁研習室自 2001.12.30 日成立第一期網頁製作系列報導電子報,迄今剛好滿十年,累計 300 餘篇深入報導。
本站前後實際參與教學或教材會員人數已有數百人,之前所有教材都採烙名燒錄片寄送,以致後續資訊新增不便。
為解決無法延續之不方便性,讓本站教學或教材會員,能即時同步更新各期報導資料,特成立會員專屬下載網站。
即日起凡本站教學或教材會員及贊助會員,均可在會員網站下載 100 年 01 月以後,第四期電子報各期報導資料。
即日起原可加價 100 元,於第四期電子報報導完畢後補送完整教材一片活動,因已無此需要,同時取銷本項服務。
玖、本站會員注意事項:
你學習上有困難嗎?您需要這份完整報導資料嗎?您想永久長期取得網頁研習室有關網頁製作教材嗎?
教材詳細內容包括:HTML 語法教學、第一期電子報、第二期電子報、第三期電子報、網頁 5 kb 圖窟。
如果您想取得以上所有教材資料,我們提供完整的燒錄光碟片給您,並可取得永久後續報導資料免費下載服務 Go 。
凡加入教學會員者,除可獲得完整報導資料光碟乙片外,並可取得半年期線上指導資格,適合初學者或需要指導學習者 Go 。
為讓您學習不終斷,即日起凡參加教材、教學會員或贊助本站會員者,均可享有永久後續報導資料免費下載服務 Go 。
如果你只是想取得部份完整範例檔案,建議採用以新台幣 100 元贊助本站方式,即可取得進入會員區資格 Go 。
特別聲明:本站教學使用軟體或檔案,著作權與版權均屬原創公司所有,屬完全免費性質,不含於教學(材)費用內。
拾、結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導完全免費,索取教材資料屬個人意願,除回饋給您一張教學片外,並可取得永久後續報導資料免費下載服務。
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱 。
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。