自製jQuery Plugin - 8. jquery.ui.themeswitcher

1. 功能: 切換網頁jquery ui theme,由官方版本調整而來.

2. 風格: jQuery UI所有Theme

3. 依賴: jQuery.cookie.js

4. 用途: 切換jQuery UI Theme

5. 函式: themeswitch - 待補完

6. 範例:

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" src="jquery.ui.themeswitcher.js"></script>
<script type="text/javascript">
    $(function () {
        $('#changeTheme').themeswitcher({ webrootpath: '../' }); 

        // when theme location= ../css/theme , webrootpath=../
    });
</script>

7. 後續改善: 還在評估自動改變page的ifarme theme是否有必要性.

8. 下載

Demo - 切換jQuery UI CSS Theme

ui-widget

ui-widget-header

header hyperlink style

ui-widget-content

content hyperlink style