---

        有鑑於javascript常常讓人望之卻步 , 興起用下班時間寫一些教學的念頭,
        畢竟想做就該找方法 , 不太應該拿下班當理由 ,

        簡單用700～1000字為 jQuery及js的觀念寫一系列的文章.
        主要希望讓沒碰過的朋友們能有基礎 , 讓碰過的朋友們能加強觀念.

        當然為了增加吸引力 ,  每章最後都來放個實做案例好了...XD
        前三章應該主要還是在dom(document object model ).



        ────────────────────────────────

      ＠什麼是Javascript？它跟Java程式語言有關嗎？我需要學嗎？

        Javascript 跟 Java完全不相關 , 就跟原子筆跟原子沒什麼關係一樣,
        他是在網頁上執行的程式碼（或稱作腳本語言 , script lang）.




        一般網頁設計的書籍都會教你一條設計守則 ,
        以html為主 ,  javascript只是增強.

        所以我可以很阿Q的回答你 , 不會Javascript理論上不會有什麼問題.


        不過如果是這樣這篇文章就沒有存在的必要了 ,
        所以接著我們來看看 javascript究竟可以為我們帶來什麼益處.

        ────────────────────────────────

      ＠從遠距欣賞走向互動的推手

        過去在1999年代前後 , 我們最常看到的互動 ,
        就是一堆alert或window.open的爆炸視窗 , 跟ie 提供的marquee 跑馬燈.

        大部分時間我們都只是靜靜的在欣賞別人的靜態作品 ,
        很少有人會特地去設計互動性的網頁 , 此時 js 只被拿來惡搞.



        http://malsup.com/jquery/cycle/ （中央的圖片 請耐心等候2~3秒.）
        （當然 , 這也是一個jquery強大的plug-in 例證.）


      ＠網頁需要改變 （更快的改變！）

        沒錯 , javascript主要的運用就是在效果上 ,

        對於傳統靜態網頁設計來講 , 想要讓網頁顯示不同的面貌 ,
        很簡單 , 重新設計一分html就是了 ,

        擺上一個超連結讓使用者連結過去 , 一切好像都很美好!


        不過我們知道網頁不可能一秒十六張 , 影像變成動畫在這裡
        幾乎是不可能的事情, 於是我們只能仰賴如marquee之類的元件 .




        然後你也不要重新寫一份了 , 告訴我你想改那個元素的那個值 ,
        要他顯示或不顯示 , 要他走就走要他飛就飛 , 好不愜意 .


        這個東西就是javascript , 他幾乎80％以上的功能是來自異動或新增
        現有頁面的網頁元素的內容,來達成各式的效果 .



        還有cookie編輯跟計時器(timeout跟internal的支援）等等.



      ＠貼心的好幫手

        從送出表單時貼心地檢查表單內容是否符合需要，
        到滑過某些特定元件時顯示出詳細資料（tooltip) ，
        或是看圖片時貼心顯示較大圖片方便觀賞（thickbox功能之一）

        甚至是像gmail 或者網路上眾多ajax網站 ,
        豐富的互動式體驗 , 這些全都仰賴javascript協助.

        ────────────────────────────────

      ＠實例體驗
        第一篇內容能寫的有限 , 所以就先進體驗吧 ,
        這裡我們要介紹的是 TableSorter with jQuery.

        要展示javascript異動網頁元素的經典例子 ,
        可排序的table 當然會是個好例子.

        原碼下載
        http://tablesorter.com/docs/

        簡單的demo頁面（操作說明請看註解）
        http://tonyq.org/test/testTableSorter.html


        另外他還有一個有趣的feature , 想要實現多條件排序 ,
        只要按住shift , 依序點選你想要的排序條件 , 就可以達成.



--
竟然兩點了...來去睡...=w=...請多多指教...

--
        從書本中，你可以發現我的各種興趣。
        從ＣＤ中，你可以瞭解我所喜歡的偶像明星。

        或許從文字你很難以瞭解一個人，但從物品可以。

--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.59.247
※ 編輯: TonyQ           來自: 61.224.239.208       (12/15 23:45)

--