select all checkbox

References :
How to Select / Deselect All Checkboxes using jQuery

dynamic generate select options

$.each(citys, function(index, value) {
        var option = $('');
        option.attr({ 'value': index }).text(value);
        $('[name=city]').append(option)                                                     
});




References :
javascript - JQuery create new select option - Stack Overflow

HTML select 元件事件

select 有三種事件：click, blur, change

$(function()
    $('#some_id').on('change', function() {

        alert( this.value ); // or $(this).val()
    });
});

References :
jQuery get value of select onChange - Stack Overflow

HTML image-map

HTML 4.01 圖片地圖

An image-map, with clickable areas.

SIte Example:

http://html.cita.illinois.edu/text/map/map-example.php

http://www.wirelessdefence.org/Contents/Wireless Pen Test Framework.html

Creator :

maschek.hu - Online Image Map Editor

HTML / CSS Frameworks

Pure
http://purecss.io/

Bootstrap
http://getbootstrap.com/

HTML KickStart
http://www.99lime.com/elements/

Semantic UI
http://semantic-ui.com/element.html

Mobile :

Lungo - HTML5 Cross-Device Framework
http://lungo.tapquo.com/

Reference :
bmark -title="18 Best CSS Frameworks for Accelerated Development | Code Geekz" http://codegeekz.com/css-frameworks-for-accelerated-development/

CSS Web Column Layout

Reference :
Faux Column CSS Layouts - Code-Sucks.com
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!

一些 table css 樣式

cuscosky

Bootstrap

Reference :
PHP & JavaScript Room: CSS テーブル
테이블 레이아웃 모음 64개. :: 네이버 블로그

html td 靠上對齊

test

Reference :
玩Web無窮(Enjoy Web Tech): HTML基礎教學(13)--表格的水平與垂直對齊

HTML URL Encoding char

Reference :
HTML URL Encoding Reference

Javascript 拖拉 公告 浮動 視窗

Reference :
Princess Party - 網頁教學 - 可拖曳說明視窗

HTML 文字跑馬燈

Reference :跑馬燈HTML

網頁 圖片 座標 連結

usemap 屬性

http://www.w3school.com.cn/tiy/t.asp?f=html_areamap